/* ============================================================
   ABMAHN-CHECKER · V5 · TOKENS
   Creative Direction „Cool / Tech-Premium" · hell / Stein · Geist
   Quelle: redesign/design_handoff_landing_v3/ (README + tokens-v3.css)
   Prefixfrei (kein --v3-*), ein :root-Layer, dark-fähig strukturiert (§10-C).
   Mapping siehe ../../../TOKEN-MAPPING.md
   ============================================================ */

:root {
  /* ---- Roh-Palette (Stein-Neutral, hell) ----------------- */
  --stone-100: #F2F2EE;   /* page · warmer Stein */
  --stone-200: #E8E8E2;   /* section alt */
  --c-white:   #FFFFFF;   /* card · pure white */
  --c-white-2: #FAFAF7;   /* nested · terminal-chrome bg */

  --c-black:   #0A0A0A;   /* true black */
  --c-black-2: #1A1A1A;
  /* Roh-Namen bewusst NICHT --white/--black: kollidieren sonst mit den
     V4-Legacy-Namen (invertierte Bedeutung) in legacy-bridge.css. */
  --gray-3:    #4A4A47;
  --gray-4:    #8B8B85;

  --red-500:   #D63031;   /* brand */
  --red-700:   #A01F20;
  --red-50:    #FBE5E5;

  --gold-500:  #C68A12;
  --gold-700:  #8C5F0A;
  --gold-50:   #FAEBC8;

  --indigo-500:#3A3FB1;
  --indigo-50: #E3E4F3;

  --moss-500:  #277A4A;
  --moss-700:  #1F6A3E;
  --moss-50:   #D6EBDD;

  /* ---- Semantische Tokens (dark-Layer überschreibt später
          NUR diesen Block — Roh-Palette bleibt) -------------- */
  --bg:          var(--stone-100);
  --bg-2:        var(--stone-200);
  --card:        var(--c-white);
  --card-2:      var(--c-white-2);

  --ink:         var(--c-black);   /* Headings / true black */
  --ink-2:       var(--c-black-2); /* Fließtext */
  --ink-3:       var(--gray-3);    /* sekundär · 8.4:1 auf --bg */
  --ink-4:       #6C6C66;          /* gedämpft · Mono-Captions · WCAG-AA: 4.7:1 auf --bg
                                      (Ph.7 von --gray-4 entkoppelt — gray-4 bleibt #8B8B85
                                      nur für Admin-Sidebar auf dunklem Grund) */

  --rule-1:      rgba(10, 10, 10, 0.07);  /* soft hairline */
  --rule-2:      rgba(10, 10, 10, 0.14);  /* standard border */
  --rule-3:      rgba(10, 10, 10, 0.28);  /* strong border */

  --red:         var(--red-500);
  --red-ink:     var(--red-700);
  --red-tint:    var(--red-50);
  --red-ring:    rgba(214, 48, 49, 0.18);

  --gold:        var(--gold-500);
  --gold-ink:    var(--gold-700);
  --gold-tint:   var(--gold-50);

  --indigo:      var(--indigo-500);
  --indigo-tint: var(--indigo-50);

  --moss:        var(--moss-500);
  --moss-ink:    var(--moss-700);  /* Badge-Text auf moss-tint · WCAG-AA 5.3:1 */
  --moss-tint:   var(--moss-50);
  --moss-ring:   rgba(39, 122, 74, 0.16);

  /* ---- Typografie --------------------------------------- */
  --font-sans: "Geist", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --font-feature-sans: "ss01", "cv11", "cv01";
  --font-feature-tnum: "tnum", "lnum";

  /* Type-Scale (Größe / Line-Height / Letter-Spacing / Weight)
     1:1 aus Handoff §Typografie — Letter-Spacing NICHT reduzieren.
     Phase 7: die 6 großen Größen fluid via clamp() (Mobil-Minimum →
     vw-Skalierung → Handoff-Desktop-Maximum); LH/LS/Weight unverändert. */
  --t-hero-size: clamp(44px, 8.5vw, 96px);  --t-hero-lh: 0.95; --t-hero-ls: -0.045em; --t-hero-w: 700;
  --t-h2lg-size: clamp(38px, 7vw, 80px);    --t-h2lg-lh: 1.0;  --t-h2lg-ls: -0.045em; --t-h2lg-w: 700;
  --t-h2md-size: clamp(34px, 5.6vw, 64px);  --t-h2md-lh: 1.0;  --t-h2md-ls: -0.04em;  --t-h2md-w: 700;
  --t-h1-size:   clamp(30px, 4vw, 44px);    --t-h1-lh:   1.0;  --t-h1-ls:   -0.035em; --t-h1-w:   700;
  --t-h2-size:   clamp(27px, 3.4vw, 38px);  --t-h2-lh:   1.0;  --t-h2-ls:   -0.03em;  --t-h2-w:   700;
  --t-cardt-size:clamp(22px, 2.5vw, 28px);  --t-cardt-lh:1.0;  --t-cardt-ls:-0.025em; --t-cardt-w:700;
  --t-lead-size: 19px;   --t-lead-lh: 1.5;  --t-lead-ls: -0.005em; --t-lead-w: 400;
  --t-blg-size:  17px;   --t-blg-lh:  1.55; --t-blg-ls:  -0.005em; --t-blg-w:  400;
  --t-body-size: 15px;   --t-body-lh: 1.5;  --t-body-ls: normal;   --t-body-w: 400;
  --t-bsm-size:  13.5px; --t-bsm-lh:  1.6;  --t-bsm-ls:  normal;   --t-bsm-w:  400;
  --t-cap-size:  12px;   --t-cap-lh:  1.5;  --t-cap-ls:  normal;   --t-cap-w:  500;
  --t-mono-size: 11px;   --t-mono-lh: 1.0;  --t-mono-ls: 0.04em;   --t-mono-w: 500;
  --t-monot-size:10px;   --t-monot-lh:1.0;  --t-monot-ls:0.04em;   --t-monot-w:500;

  /* ---- Spacing · 4 px-Grid ------------------------------ */
  --s-1: 4px;   --s-2: 8px;   --s-3: 10px;  --s-4: 12px;  --s-5: 14px;
  --s-6: 16px;  --s-7: 18px;  --s-8: 20px;  --s-9: 22px;  --s-10: 24px;
  --s-12: 28px; --s-14: 32px; --s-16: 36px; --s-18: 40px; --s-20: 48px;
  --s-24: 56px; --s-28: 64px; --s-32: 72px; --s-40: 88px;

  /* ---- Radien ------------------------------------------- */
  --r-1: 2px;   /* kleine Mono-Tags */
  --r-2: 4px;   /* Inline-Badges */
  --r-3: 6px;   /* Buttons, kleine Tags */
  --r-4: 8px;   /* Standard-Cards, Icon-Container */
  --r-5: 10px;  /* Card-Bündel */
  --r-6: 12px;  /* große Cards (Hero-Form, CTA) */
  --r-full: 999px;

  /* ---- Schatten (1:1 Handoff §Schatten) ----------------- */
  --shadow-card:  0 1px 0 rgba(10,10,10,0.04), 0 12px 28px -12px rgba(10,10,10,0.10);
  --shadow-float: 0 1px 0 rgba(10,10,10,0.04), 0 24px 48px -24px rgba(10,10,10,0.12);
  --shadow-red:   0 8px 32px -8px rgba(214,48,49,0.40);
  --shadow-deep:  0 12px 32px -12px rgba(10,10,10,0.40);

  /* ---- Container ---------------------------------------- */
  --container:        1280px;
  --container-pad:    clamp(20px, 4vw, 40px);  /* Phase 7: fluid · Mobil 20 → Desktop 40 */
  --container-faq:    1080px;
  --container-form:   920px;

  /* ---- Motion ------------------------------------------- */
  --t-fast: 120ms;
  --ease:   cubic-bezier(0.4, 0, 0.2, 1);
  --focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--ink);
}

/* Dark-Layer-Platzhalter (§10-C: jetzt NICHT bauen — Struktur steht).
   Aktivierung später ausschließlich hier, ohne Refactor:
   :root[data-theme="dark"] { --bg: …; --ink: …; … }  */