/* === Stały jasny motyw === */
    :root {
      --bg:#ffffff;
      --text:#0b0c10;
      --muted:#333;
      --card:#f9f9fb;
      --accent1:#3b82f6;
      --accent2:#06b6d4;
      --border:rgba(0,0,0,.08);
      color-scheme: light;
    }

    body{
      background-color:var(--bg);
      font-family:'Inter',sans-serif;
      color:var(--text);
      overflow-x:hidden;
      transition:background-color .3s ease,color .3s ease;
    }

    .navbar-brand img{height:36px}
    .navbar{
      backdrop-filter:blur(12px);
      background-color:rgba(255,255,255,.85)!important;
      border-bottom:1px solid var(--border);
      transition:background-color .3s ease
    }
    .navbar .nav-link{transition:opacity .2s ease,color .3s ease}
    .navbar .nav-link:hover{opacity:.9}

    .hero{
      position:relative;
      min-height:85vh;
      color:#fff;
      display:flex;
      align-items:center;
      background:url('/common/gfx/wallpaper.jpg') center/cover no-repeat fixed;
      overflow:hidden;
      isolation:isolate;
    }
    .hero::before{
      content:'';
      position:absolute; inset:0;
      background:rgba(0,0,0,.45);
      backdrop-filter:blur(4px) saturate(120%);
      z-index:1;
    }
    .hero::after{
      content:'';
      position:absolute; inset:auto 0 0 0; height:35vh;
      background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.6));
      z-index:1;
    }
    .hero .container{position:relative;z-index:3}
    .hero h1{font-weight:700;letter-spacing:.04em;text-shadow:0 4px 20px rgba(0,0,0,.7)}
    .hero p{font-size:1.1rem;color:#f2f2f2;text-shadow:0 2px 10px rgba(0,0,0,.6)}
    .hero-particles{position:absolute;inset:0;z-index:2;pointer-events:none}

    .btn-primary{
      background:linear-gradient(90deg,var(--accent1),var(--accent2));
      border:none;
      box-shadow:0 0 0 rgba(0,0,0,0);
      transition:transform .2s ease, box-shadow .2s ease, opacity .2s ease;
    }
    .btn-primary:hover{
      opacity:.95; transform:translateY(-1px);
      box-shadow:0 10px 24px rgba(59,130,246,.25),0 6px 16px rgba(6,182,212,.25);
    }
    .btn-primary:active{transform:translateY(0)}

    .shadow-soft{box-shadow:0 .25rem 1.25rem rgba(0,0,0,.1)}

    /* === Sekcja Our Story – ciemne tło i jasny tekst === */
    .story-card {
      background-color:#121318;
      color:#e6e6e6;
      border:1px solid rgba(255,255,255,.06);
      backdrop-filter:blur(10px);
    }
    .story-card h2, .story-card strong, .story-card em {
      color:#ffffff;
    }

    .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease}
    .reveal.revealed{opacity:1;transform:none}

    .fade-up{animation:fadeUp .8s ease both}
    @keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}

    .divider-wave{line-height:0}
    .divider-wave svg{display:block;width:100%;height:72px}

    footer{
      background:#fafafa;
      color:#555;
      border-top:1px solid var(--border);
      transition:background .3s ease,color .3s ease;
    }
    footer a{color:#333;text-decoration:none}
    footer a:hover{color:#000}
	
	.niewidoczne  {
	display: none;
	}
	
	a {
	color: inherit;
	text-decoration: none;
	}
	
	/* Redefine Bootstrap .btn-primary to match Torquemada logo colors */
.btn-primary {
  background: linear-gradient(180deg, #c21818 0%, #8b0000 100%);
  border: none;
  color: #fff;
  font-weight: 500;
  transition: all 0.2s ease-in-out;
}

.btn-primary:hover,
.btn-primary:focus {
  background: linear-gradient(180deg, #d42222 0%, #9e0a0a 100%);
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 0.25rem 0.5rem rgba(140, 0, 0, 0.4);
}

.btn-primary:active {
  background: linear-gradient(180deg, #a10f0f 0%, #6d0000 100%);
  box-shadow: inset 0 0.15rem 0.3rem rgba(0, 0, 0, 0.4);
  transform: translateY(0);
}
.active {
color: #8B0000; /* przykład: ciemnoczerwony */
}