/* ============================================================
   STARTUP STAGE LIVE 2026 — Markenschicht

   Diese Datei wird NACH tokens.css geladen und überschreibt
   ausschließlich Token-Werte. Der Kit-Code bleibt unverändert:
   weil dort durchgehend var(--wine-700), var(--gold-300) usw.
   steht, färbt diese Datei die ganze Seite um.

   Die Token-Namen bleiben bewusst stehen (--wine-*, --gold-*).
   Sie umzubenennen hieße, jede einzelne Fundstelle im geteilten
   Design-System anzufassen — und damit die laufende UBX-Seite
   zu riskieren.  Lies "wine" als "Markengrün", "gold" als "Lime".

   Quelle der Farbwerte: startup-stage.de
     #081315  Basis (Fast-Schwarz mit Grünstich)
     #78CA0C  Signalgrün
     #D8FF7E  Lime
     #27901A  dunkles Grün
   ============================================================ */

/* ---- Text- und UI-Schrift ----------------------------------
   Inter als Variable Font, lokal gehostet (SIL Open Font License).
   Bewusst lokal statt über fonts.googleapis.com: ein Fernaufruf
   überträgt die IP jedes Besuchers an Google und ist damit ohne
   Einwilligung ein Datenschutzproblem. Aus demselben Grund lädt
   diese Seite tokens.css statt ../styles.css.
   ------------------------------------------------------------ */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('fonts/inter-var-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
                 U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
                 U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('fonts/inter-var-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
                 U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
                 U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ---- Display-Schrift ---------------------------------------
   Archivo ExtraBold, lokal gehostet (SIL Open Font License).

   Nur EIN Schnitt ist deklariert. Das CSS-Font-Matching wählt
   bei jeder angefragten Stärke den nächstgelegenen vorhandenen
   Schnitt — dadurch rendert auch das fest im geteilten Code
   stehende `fontWeight: 400` extrafett. Ohne diesen Kniff
   müssten SectionHeading, SpeakerCard und CountdownTimer
   angefasst werden, die sich die UBX-Seite mit uns teilt.
   ------------------------------------------------------------ */
@font-face {
  font-family: 'SUS Display';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('fonts/archivo-800-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
                 U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
                 U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'SUS Display';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('fonts/archivo-800-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
                 U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
                 U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  /* ---- Marke · Grün -------------------------------------------
     --wine-700 ist der Kern: er trägt Flächen UND steht als Text
     auf Weiß. Deshalb bewusst nicht das Signalgrün #78CA0C —
     das erreicht auf Weiß nur 2,1:1 und fällt damit durch jede
     Kontrastprüfung. #1E7A12 liegt bei 5,5:1.
     Das Signalgrün lebt auf den dunklen Flächen (--gold-300/500).
     ------------------------------------------------------------- */
  --wine-950: #06210A;
  --wine-900: #0B3210;
  --wine-800: #145214;
  --wine-700: #1E7A12;   /* ← Markenkern · 5,5:1 auf Weiß */
  --wine-600: #2A9A17;
  --wine-500: #45B321;
  --wine-400: #78CA0C;   /* ← Signalgrün der Quelle */
  --wine-300: #9BDD52;
  --wine-200: #C4EE97;
  --wine-100: #E2F8C7;
  --wine-50:  #F1FCE3;

  /* ---- Akzent · Lime ------------------------------------------
     Auf dunklen Sektionen; --gold-600/700 sind die abgedunkelten
     Varianten für Text auf hellem Grund.
     ------------------------------------------------------------- */
  --gold-700: #2E5E06;
  --gold-600: #3E7A0A;   /* Eyebrow-Text auf Weiß · 5,3:1 */
  --gold-500: #78CA0C;   /* Akzentfläche, dunkle Schrift darauf */
  --gold-400: #97DE33;
  --gold-300: #D8FF7E;   /* Highlight in Headlines auf Dunkel */
  --gold-200: #E8FFB8;
  --gold-100: #F3FFDD;

  /* ---- Neutral · kühles Schwarzgrün --------------------------- */
  --stone-950: #081315;  /* Basis der Quelle */
  --stone-900: #0F1D1F;
  --stone-800: #1B2A2C;
  --stone-700: #2E3F41;
  --stone-600: #4E6062;  /* --text-muted · 6,6:1 auf Weiß */
  --stone-500: #5E7072;  /* --text-subtle · 5,1:1 auf Weiß */
  --stone-400: #94A3A4;
  --stone-300: #BFC9C9;
  --stone-200: #DCE3E1;
  --stone-150: #E7ECE8;
  --stone-100: #EFF3EE;
  --stone-50:  #F7FAF6;

  /* ---- Vordergrund auf Markenflächen -------------------------- */
  --text-on-wine: #FFFFFF;  /* auf #1E7A12 · 5,5:1 */
  --text-on-gold: #081315;  /* auf #78CA0C · 9,3:1 */
  --primary-fg:   var(--text-on-wine);
  --accent-fg:    var(--text-on-gold);

  /* ---- Dekorative Verläufe ------------------------------------ */
  --grad-wine:      linear-gradient(135deg, #10361A 0%, #081315 100%);
  --grad-wine-gold: linear-gradient(120deg, #0B3210 0%, #1E7A12 55%, #78CA0C 130%);
  --grad-veil:      linear-gradient(180deg, rgba(8,19,21,0) 0%, rgba(8,19,21,0.82) 100%);

  /* ---- Schatten ----------------------------------------------- */
  --shadow-xs:   0 1px 2px rgba(6, 33, 10, 0.06);
  --shadow-sm:   0 2px 8px rgba(6, 33, 10, 0.08);
  --shadow-md:   0 8px 24px -8px rgba(6, 33, 10, 0.16);
  --shadow-lg:   0 22px 48px -16px rgba(6, 33, 10, 0.24);
  --shadow-xl:   0 40px 80px -28px rgba(6, 33, 10, 0.32);
  --shadow-wine: 0 18px 40px -14px rgba(30, 122, 18, 0.45);
  --shadow-gold: 0 14px 34px -12px rgba(120, 202, 12, 0.40);

  /* ---- Schriften ----------------------------------------------
     Bewusst nicht die Originale: startup-stage.de lädt
     realtimetest-*.otf — eine Testversion der lizenzpflichtigen
     Schrift Realtime — sowie 'Blauer Nue'. Beide dürfen nicht
     weiterverbreitet werden. Archivo (OFL) und Inter (OFL)
     treffen den geometrischen Grotesk-Charakter und sind frei.
     Liegen Lizenzen vor: Dateien nach fonts/ legen und die
     beiden @font-face-Regeln oben umbiegen.
     ------------------------------------------------------------- */
  --font-display: 'SUS Display', 'Archivo', system-ui, -apple-system, sans-serif;
  --font-sans:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body:    var(--font-sans);
  --font-ui:      var(--font-sans);

  /* Archivo ExtraBold läuft breit — die Display-Zeilen vertragen
     mehr negativen Abstand als die Serifenschrift davor. */
  --ls-tight:     -0.025em;
  --ls-tightest:  -0.04em;
  --ls-eyebrow:    0.18em;
}