/* ==========================================================================
   NOBLECLEAN — TOKEN-EBENE
   --------------------------------------------------------------------------
   Die einzige Stelle im gesamten Projekt, an der Farb-, Abstands-, Radius-
   und Schattenwerte stehen. Alles andere referenziert nur.

   Farbwelt A (Stand der Live-Site, 01.09.2026): Navy / Teal / Gelb.
   Die --nc-* Namen sind bewusst identisch mit denen, die heute im 343-KB-
   Custom-CSS definiert sind. Dadurch übernimmt diese Datei die Kontrolle,
   ohne dass eine einzige bestehende Seite bricht: altes CSS liest dieselben
   Variablen, bekommt ab jetzt aber die Werte von hier.

   Kontrastwerte sind gemessen (WCAG 2.1, contrast-check.cjs), nicht geschätzt.
   ========================================================================== */

:root{

  /* ── Markenfarben — FLÄCHEN ──────────────────────────────────────────────
     Diese fünf sind Hintergründe, Rahmen und Buttonflächen.
     Als Schriftfarbe auf Weiß fallen Teal und Gelb durch (2,93 / 1,85).
     Für Schrift gibt es weiter unten eigene Tokens.                        */
  --nc-navy-deep:#0C1A30;
  --nc-navy:#16213A;
  --nc-navy-mid:#1A365D;
  --nc-navy-light:#1E293B;

  --nc-teal:#0EA99B;
  --nc-teal-dark:#0B8074;
  --nc-teal-light:#5EEAD4;
  --nc-teal-pale:rgba(14,169,155,.10);

  --nc-accent:#F5B301;
  --nc-accent-hover:#D99B00;

  /* ── Flächen ── */
  --nc-white:#FFFFFF;
  --nc-bg:#FAF8F4;        /* Seitenhintergrund, warmes Off-White */
  --nc-bg-alt:#FAF9F5;
  --nc-surface:#FFFFFF;   /* Karten, Panels */
  --nc-line:#E1E7EC;      /* Rahmen */
  --nc-border:#E2E8F0;

  /* ── Schriftfarben — kontrastgeprüft ─────────────────────────────────────
     Wert in Klammern = Kontrast gegen #FFFFFF.                             */
  --nc-text-strong:#12324A;  /* 13,28 — Überschriften */
  --nc-text:#1E293B;         /* 13,79 auf #FAF8F4 — Fließtext */
  --nc-text-dark:#1A365D;    /* 12,14 */
  --nc-muted:#475569;        /*  7,14 auf #FAF8F4 — Sekundärtext */
  --nc-slate:#64748B;        /*  4,76 — Grenzwert, nur für große Schrift */
  --nc-slate-light:#94A3B8;  /*  2,56 — NICHT für Text, nur Trennlinien/Icons */

  /* Marke als Schrift. Diese zwei Tokens sind der Kern der Kontrastreparatur:
     Teal und Gelb dürfen nie direkt als color: verwendet werden.           */
  --nc-teal-text:#0B6B62;    /*  6,38 auf Weiß, 6,01 auf #FAF8F4 */
  --nc-accent-text:#8A6200;  /*  5,49 auf Weiß, 5,17 auf #FAF8F4 */

  /* Aliase zur Absicherung gegen Token-Drift (WCAG-geprüft) */
  --nc-primary:var(--nc-navy);
  --nc-text-body:var(--nc-text);
  --nc-text-muted:var(--nc-muted);

  /* Schrift auf dunklem Grund (#16213A) */
  --nc-on-dark:#E7EEF6;      /* 13,68 */
  --nc-on-dark-muted:#B6C4D6;/*  9,03 */
  --nc-on-dark-accent:#8FF3E7;/* 12,30 */

  /* ── High-Contrast Dark-Engine Tokens (WCAG 2.1 AAA) ── */
  --nc-navy-darkest:#081422;
  --nc-navy-900:#0A192F;
  --nc-navy-800:#0D213A;
  --nc-navy-700:#112240;

  /* ── Token-Lock Standardwerte ── */
  --nc-canvas-dark:#081422;
  --nc-surface-dark:#0F2137;
  --nc-teal:#0EA99B;
  --nc-mint:#00F5A0;
  --nc-light:#FAF9F5;

  --nc-mint-vivid:#34D399;           /* High-contrast vivid mint (AAA Kontrast auf Dunkel: 8.13–9.73:1) */
  --nc-mint-bg:rgba(16,185,129,.20);
  --nc-mint-border:rgba(52,211,153,.50);

  --nc-on-dark-crisp:#FFFFFF;  /* Reinweiß für Überschriften auf dunklem Grund (15.6–18.7:1) */
  --nc-on-dark-body:#F8FAFC;   /* Slate-50 Fließtext auf dunklem Grund (14.8:1) */
  --nc-on-dark-sub:#F1F5F9;    /* Slate-100 Sekundärtext auf dunklem Grund (13.8:1) */
  --nc-on-dark-desc:#E2E8F0;   /* Slate-200 Beschreibungen auf dunklem Grund (11.5:1) */

  /* Text auf Farbflächen */
  --nc-on-accent:#231A00;    /*  9,29 auf #F5B301 */
  --nc-on-teal:#04231F;      /*  5,66 auf #0EA99B */


  /* ── Abgeleitete Flächen — von components.css gebraucht ── */
  --nc-line-hover:#CFDAE4;   /* Rahmen beim Karten-Hover */
  --nc-note-bg:#F0FBF9;      /* Hinweis, neutral  — Text #1E293B = 15,4 */
  --nc-note-warn-bg:#FFF9E8; /* Hinweis, Warnung  — Text #1E293B = 15,3 */
  --nc-note-stop-bg:#FEF2F2; /* Hinweis, Stopp    — Text #1E293B = 14,4 */
  --nc-table-head-bg:#F4F7FA;/* Tabellenkopf      — Text #12324A = 12,5 */
  --nc-table-zebra:#F5F8FA;  /* Tabellen-Zebra    — Markenhandbuch v1.1 */

  /* ── Status ── */
  --nc-error:#DC2626;
  --nc-on-error:#FFFFFF;

  /* ── Typografie (Master Design System 2026) ── */
  --nc-font-display:'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
  --nc-font-heading:'Space Grotesk', 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --nc-font-body:'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --nc-font-mono:'JetBrains Mono', monospace;

  /* ── Header & Mega-Menu Architektur ── */
  --nc-header-h:68px;
  --nc-header-bg:rgba(255,255,255,.94);
  --nc-header-bg-dark:rgba(12,26,48,.88);
  --nc-header-blur:16px;
  --nc-header-border:rgba(18,50,74,.08);
  --nc-header-border-dark:rgba(255,255,255,.08);
  --nc-mega-bg:#FFFFFF;
  --nc-mega-bg-dark:rgba(12,26,48,.96);
  --nc-mega-border:rgba(226,232,240,.90);
  --nc-mega-border-dark:rgba(255,255,255,.12);
  --nc-mega-shadow:0 32px 72px -12px rgba(18,50,74,.16), 0 0 0 1px rgba(226,232,240,.80);

  /* ── Struktur ── */
  --nc-radius:22px;
  --nc-radius-sm:14px;
  --nc-radius-pill:9999px;

  --nc-shadow-sm:0 4px 16px rgba(26,54,93,.06);
  --nc-shadow:0 14px 34px -8px rgba(18,50,74,.08), 0 0 1px rgba(18,50,74,.10);
  --nc-shadow-lg:0 28px 64px -12px rgba(18,50,74,.14), 0 0 2px rgba(14,169,155,.20);
  --nc-shadow-float:0 20px 45px -15px rgba(18,50,74,.10), 0 0 1px rgba(18,50,74,.12);
  --nc-shadow-btn:0 6px 20px rgba(245,179,1,.32);
  --nc-shadow-btn-hover:0 10px 28px rgba(245,179,1,.45);
  --nc-shadow-btn-teal:0 6px 20px rgba(14,169,155,.28);

  --nc-transition:.24s cubic-bezier(.16,1,.3,1);
  --nc-transition-spring:.35s cubic-bezier(.34,1.56,.64,1);
  --nc-transition-smooth:.4s cubic-bezier(.25,.8,.25,1);

  /* ── Fluid Dynamics & Spring Physics (Awwwards-Tier) ── */
  --nc-ease-fluid:cubic-bezier(0.32,0.72,0,1);
  --nc-ease-spring:cubic-bezier(0.34,1.56,0.64,1);
  --nc-transition-fluid:.35s var(--nc-ease-fluid);

  /* ── Double-Bezel Architektur ── */
  --nc-bezel-pad:8px;
  --nc-bezel-outer-r:var(--nc-radius);
  --nc-bezel-inner-r:calc(var(--nc-bezel-outer-r) - var(--nc-bezel-pad));
  --nc-bezel-border:rgba(18,50,74,.08);
  --nc-bezel-glow:0 16px 36px -12px rgba(18,50,74,.08), 0 0 0 1px rgba(225,231,236,.85);
  --nc-bezel-glow-hover:0 24px 48px -12px rgba(14,169,155,.16), 0 0 0 1px rgba(14,169,155,.35);
  --nc-bezel-dark-border:rgba(255,255,255,.10);
  --nc-bezel-dark-glow:0 20px 48px -12px rgba(0,0,0,.50), 0 0 0 1px rgba(255,255,255,.08);
  --nc-bezel-dark-glow-hover:0 28px 60px -12px rgba(0,0,0,.65), 0 0 0 1px rgba(94,234,212,.30), 0 0 30px -4px rgba(14,169,155,.25);

  /* ── Nested Button Architektur ── */
  --nc-btn-nested-badge-size:2.25rem;
  --nc-btn-nested-badge-bg:var(--nc-navy-deep);
  --nc-btn-nested-badge-fg:var(--nc-accent);

  /* ── Ambient Mesh Glows ── */
  --nc-mesh-navy-glow1:rgba(14,169,155,.15);
  --nc-mesh-navy-glow2:rgba(26,54,93,.55);
  --nc-mesh-navy-glow3:rgba(245,179,1,.04);
  --nc-mesh-tint-glow1:rgba(14,169,155,.07);
  --nc-mesh-tint-glow2:rgba(245,179,1,.05);
  --nc-mesh-tint-glow3:rgba(255,255,255,.75);

  /* ── Abstände ──
     Sieben Stufen. Mehr braucht die Site nicht, weniger reicht nicht.      */
  --ds-space-xs:.25rem;   /*  4px */
  --ds-space-sm:.5rem;    /*  8px */
  --ds-space-md:1rem;     /* 16px */
  --ds-space-lg:1.5rem;   /* 24px */
  --ds-space-xl:2rem;     /* 32px */
  --ds-space-2xl:3rem;    /* 48px */
  --ds-space-3xl:4.5rem;  /* 72px — Sektionspolster */

  /* ── Layout & Typografie ──
     content_width 1290px ist der Wert, der heute im Kadence-Customizer steht.
     Heading-Font Manrope 700 ebenfalls (Kadence heading_font).             */
  --ds-content:1290px;
  --ds-measure:72ch;
  --nc-font-system:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,
    "Helvetica Neue",Arial,sans-serif;
  --ds-font-body:var(--nc-font-system);
  --ds-font-heading:var(--nc-font-system);

  /* ── Design System (ds-*) Farb- und Kontrast-Tokens ── */
  --ds-color-mint:var(--nc-mint);
  --ds-color-mint-bg:var(--nc-mint-bg);
  --ds-color-mint-border:var(--nc-mint-border);
  --ds-color-on-dark:var(--nc-on-dark);
  --ds-color-on-dark-crisp:var(--nc-on-dark-crisp);
  --ds-color-on-dark-body:var(--nc-on-dark-body);
  --ds-color-on-dark-sub:var(--nc-on-dark-sub);
  --ds-color-on-dark-desc:var(--nc-on-dark-desc);
  --ds-bg-darkest:var(--nc-navy-darkest);
  --ds-bg-navy-900:var(--nc-navy-900);
  --ds-bg-navy-800:var(--nc-navy-800);
  --ds-bg-navy-700:var(--nc-navy-700);

  /* ── Alias-Ebene ─────────────────────────────────────────────────────────
     Die Live-Site referenziert diese Namen an vielen Stellen. Sie bleiben
     erhalten und zeigen auf die Tokens oben, damit altes CSS weiterläuft.  */
  --nc-primary:var(--nc-teal);
  --nc-primary-dark:var(--nc-teal-dark);
  --nc-primary-light:var(--nc-teal-pale);
  --nc-secondary:var(--nc-navy-mid);
  --nc-accent-warm:var(--nc-accent);
  --nc-navy-dark:#0F172A;
  --nc-text-muted:var(--nc-slate);
}

/* Wenn die Marke später auf Variante B (MASTER.md, Grün/Orange) wechselt,
   wird ausschließlich dieser Block ersetzt. Kein Markup, keine Komponente,
   keine einzige Seite muss angefasst werden.

:root{
  --nc-teal:#059669; --nc-teal-text:#065F46;
  --nc-accent:#EA580C; --nc-accent-text:#9A3412;
  --nc-bg:#ECFDF5; --nc-text-strong:#064E3B;
}
*/