/* =============================================================
   bildstelle Tokens (DIE eine Wahrheit fuer Farbe, Schrift, Mass)

   Gilt fuer ALLE bildstelle-Ausgaben: Dokumente (Angebote, Briefings)
   ueber bildstelle-ds.css und Web-Produkte (Galerie, Landing) ueber
   bildstelle-web.css bzw. deren lokale Zuordnungsschicht.

   Quelle der Farbwerte: _Brand-Assets/README.md.
   Entscheidungen von Roman am 2026-08-16 (Seite bildstelle-dev.pages.dev):
     1) Dunkelmodus  = blau-tuerkis (aus der Tunnel-Galerie)
     2) Textdunkel   = #051922 (CI-Wert aus dem Brand-Manual)
     3) Menue-Hover  = gruener Balken unter dem Wort, nie gruene Schrift
     4) Links (2026-08-17) = Schrift dunkel, GRUENE Unterstreichung
        (text-decoration-color:var(--bs-green), 2px, Abstand 3px)

   HARTE REGEL, die diese Datei durchsetzt: Markengruen ist Flaeche und
   Akzent, niemals Schriftfarbe auf Hell (Kontrast waere rund 1,4 zu 1).

   Aendern immer HIER, nie in den Projektkopien.
   ============================================================= */

/* ---- Schrift ---- */
@font-face { font-family:'BDO Grotesk'; src:url('fonts/BDOGrotesk-Regular.woff2') format('woff2'); font-weight:400; font-display:swap; }
@font-face { font-family:'BDO Grotesk'; src:url('fonts/BDOGrotesk-Medium.woff2') format('woff2'); font-weight:500; font-display:swap; }
@font-face { font-family:'BDO Grotesk'; src:url('fonts/BDOGrotesk-Bold.woff2') format('woff2'); font-weight:700; font-display:swap; }
@font-face { font-family:'BDO Grotesk'; src:url('fonts/BDOGrotesk-Black.woff2') format('woff2'); font-weight:900; font-display:swap; }

:root{
  /* ---- Marke (themenunabhaengig) ---- */
  --bs-green:#2cfe99;                       /* Akzent, Signet, CTA-Flaeche */
  --bs-green-dim:rgba(44,254,153,0.08);
  --bs-green-med:rgba(44,254,153,0.20);
  --bs-on-green:#051922;                    /* Schrift AUF gruener Flaeche */
  --bs-amber:#c47d00;                       /* nur Hinweis- und Achtung-Kaesten */
  --bs-amber-dim:rgba(196,125,0,0.08);

  /* ---- Hell (Standard) ---- */
  --bs-bg:#ffffff;
  --bs-bg-2:#f6f6f4;
  --bs-surface:#ffffff;
  --bs-ink:#051922;                         /* Haupttext, Headlines, Wortmarke */
  --bs-ink-2:#3a5a68;                       /* Sekundaertext */
  --bs-ink-3:#6b8a96;                       /* Labels, Eyebrows */
  --bs-ink-dim:rgba(5,25,34,0.28);          /* zurueckgenommener Zustand, z.B. inaktive Filter-Woerter */
  --bs-border:#e6e6e6;
  --bs-glass:rgba(255,255,255,0.72);        /* Kopfleiste, schwebende Leisten */
  --bs-glass-2:rgba(246,246,244,0.80);
  --bs-shadow:0 10px 40px rgba(5,25,34,0.10);

  /* ---- Form und Mass ---- */
  --bs-radius:12px;
  --bs-radius-sm:7px;
  --bs-radius-pill:980px;
  --bs-nav-h:80px;
  --bs-pad:clamp(16px,4vw,20px);
  --bs-font:'BDO Grotesk',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

/* ---- Dunkel: blau-tuerkis, aus der Tunnel-Galerie (Romans Wahl A) ---- */
:root[data-theme="dark"]{
  --bs-bg:#07131b;
  --bs-bg-2:#0b1a23;
  --bs-surface:#0d1b24;
  --bs-ink:#eef2f1;
  --bs-ink-2:#9db2bb;
  --bs-ink-3:#7b929c;
  --bs-ink-dim:rgba(238,242,241,0.28);
  --bs-border:#1c2c35;
  --bs-glass:rgba(7,19,27,0.72);
  --bs-glass-2:rgba(13,27,36,0.80);
  --bs-shadow:0 12px 44px rgba(0,0,0,0.50);
}
/* Grossflaechiger Hero-Hintergrund im Dunkelmodus (Verlauf statt Flaeche).
   Im Hellmodus bewusst leer, dort traegt die Welle den Hintergrund. */
:root{ --bs-bg-hero:var(--bs-bg); }
:root[data-theme="dark"]{
  --bs-bg-hero:radial-gradient(ellipse 120% 95% at 50% 38%, #0b1a23 0%, #07131b 68%, #040d14 100%);
}

/* =============================================================
   KEINE Alias-Namen in dieser Datei. Bewusst.

   Jedes Produkt bringt seine eigene Zuordnungsschicht mit, die seine
   gewachsenen Namen auf die Tokens oben zeigen laesst. Nur so kann
   dieselbe Token-Datei in einem Angebotsdokument UND in einer Galerie
   liegen, ohne dort still Werte zu ueberschreiben.

   Der wichtigste Fall: `--accent` bedeutet im Dokument-System DUNKEL
   (#051922), in der Marketing-Landing GRUEN (#2cfe99). Wer die beiden
   je zusammenlegt, ohne die Zuordnung zu trennen, dreht in bereits
   versendeten Angebotsseiten die Farben um.

   Zuordnungsschichten:
   - bildstelle-ds.css        (Dokumente)     --accent -> var(--bs-ink)
   - landing/style.css        (Marketing)     --accent -> var(--bs-green)
   ============================================================= */