/* APEX FROZEN — READ ONLY. Neue Tokens nur in css/tokens.css. */
/* ════════════════════════════════════════════════════════════
   APEX SYN 1 — Design-Tokens v1 (FROZEN seit Phase 2a, Mai 2026)
   Diese Datei ist nicht mehr SSoT. Neue Tokens gehören in
   css/tokens.css. Bestehende --c-*-Aliase bleiben aus
   Bestandsgründen aktiv, bis Phase 2b den Loader umstellt.
   Stand: 09.04.2026 — Session 33
   ════════════════════════════════════════════════════════════ */

:root {
  /* ── Farben ─────────────────────────────────────────── */
  --c-primary:      #1A3A5C;
  --c-accent:       #0356B1;
  --c-accent-warn:  #E05A00;
  --c-success:      #1a8a3c;
  --c-warning:      #b87800;
  --c-danger:       #C42B2B;
  --c-muted:        #5a7a9a;
  --c-border:       #D1DCE8;
  --c-bg:           #ffffff;
  --c-bg-soft:      #f5f8fc;
  --c-row-hover:    #f0f5fb;

  /* ── Header (hell, nicht dunkel) ────────────────────── */
  --c-header-bg:    #F0F4FA;
  --c-header-text:  #1A3A5C;
  --c-header-accent:#E05A00;

  /* ── Typografie ─────────────────────────────────────── */
  --font-family:    var(--font-stack);
  --fs-title:       20px;
  --fs-body:        14px;
  --fs-table:       13px;
  --fs-label:       12px;    /* Typo-Clean-Sweep 2026-05-14: 10.5px → 12px (Mindestgröße) */
  --fs-input:       13px;
  --fs-button:      12px;
  --fs-badge:       12px;    /* Typo-Clean-Sweep 2026-05-14: 10px → 12px (Mindestgröße) */
  --fs-badge-lg:    12px;    /* Typo-Clean-Sweep 2026-05-14: 11px → 12px (Mindestgröße) */
  --fs-kpi:         26px;
  --fw-light:       300;
  --fw-normal:      400;
  --fw-medium:      600;
  --lh-tight:       1.2;
  --lh-normal:      1.4;

  /* ── Abstände ───────────────────────────────────────── */
  --space-xs:       4px;
  --space-sm:       8px;
  --space-md:       16px;
  --space-lg:       24px;

  /* ── App-Shell & Content-Layout ─────────────────────── */
  /* S59: --app-shell-max und --app-content-max entfernt.
     Einziger Breiten-Token für den Inhaltsbereich ist
     --layout-max-width (siehe unten). */
  --app-gap:         24px;
  --app-gap-sm:      14px;

  /* ── Layout-Manager (zentrale Hoheit für X- und Y-Achse
     aller Modul-Hauptinhalte). Konsumiert von
     .app-content-master in design-system.css und
     App.renderPage() in app.js. Siehe
     /tmp/layout_reset_protokoll.md. ──────────────────── */
  --layout-max-width:     1600px;
  --layout-padding-x:     24px;
  --layout-padding-top:   20px;
  --layout-padding-bottom:40px;

  /* ── Radien ─────────────────────────────────────────── */
  --radius-sm:      4px;
  --radius-md:      6px;
  --radius-lg:      8px;

  /* ── Schatten ───────────────────────────────────────── */
  --shadow-sm:      0 1px 3px rgba(0,0,0,0.04), 0 1px 2px rgba(0,0,0,0.02);
  --shadow-hover:   0 2px 8px rgba(0,0,0,0.06), 0 1px 3px rgba(0,0,0,0.03);
  --shadow-md:      0 4px 16px rgba(0,0,0,0.08);

  /* APEX-EXCEPTION: Loader-Order-Fix Pre-2b (Mai 2026) — einmaliger Eingriff
     zur Herstellung der SSoT-Hoheit von tokens.css. Folgende Tokens werden
     jetzt von tokens.css geliefert und sind hier entfernt:
       --transition-fast, --transition-slow,
       --z-sticky, --z-dropdown, --z-modal, --z-toast.
     Verbliebene Tokens (--transition-normal, --z-header, --z-modal-stacked)
     haben kein Pendant in tokens.css und bleiben hier. */
  /* ── Transitions (Bestand ohne tokens.css-Pendant) ──── */
  --transition-normal: 0.2s ease;

  /* ── Z-Index-Skala (Bestand ohne tokens.css-Pendant) ── */
  --z-header:        100;
  --z-modal-stacked: 1010;
}

/* ── Reduced Motion ───────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  :root {
    --transition-fast:   0.01ms;
    --transition-normal: 0.01ms;
    --transition-slow:   0.01ms;
  }
}

/* ════════════════════════════════════════════════════════════
   S59 — Dashboard v2 Token-Erweiterungen (additiv, kollisionsfrei)
   Quelle: design_handoff_dashboard_v2/source-react/styles/tokens.css
   Marc-Freigabe: Tönungs-Strategie B (gelieferte --*-soft Tokens nutzen)
   ════════════════════════════════════════════════════════════ */
:root {
  /* Weiche Status-Hintergründe (für Tile-/Banner-Tönungen) */
  --c-blue-soft:    #e8f0fb;
  --c-green-soft:   #e6f4ea;
  --c-yellow-soft:  #fbf2dd;
  --c-red-soft:     #fbe6e6;

  /* Erweiterte Surface-Stufen */
  --c-bg-softer:    #fafcfe;
  --c-border-soft:  #e4ecf3;

  /* 5. Spacing-Stufe (4er-Skala fortgesetzt: 4/8/16/24/32) */
  --space-xl:       32px;

  /* Condensed-Schrift — Apple-System-Stack (Webfont eliminiert, Typo-Clean-Sweep 2026-05-14) */
  --f-cond:         var(--font-stack);
}

/* Dashboard v2 scoped Override entfernt — Dashboard-Refactor 2026-05-14.
   Dashboard nutzt jetzt das globale Token-System direkt (apex-dash-* Klassen
   in css/components/dashboard.apex.css). */

/* === S0 Token-Aliase (Master-Briefing v3) === */
/* Nur Hex-identische Matches. Visueller Effekt: identisch zu Bestand.
   Wird in S5 (Session 11) zusammen mit dieser Datei entfernt.
   15 weitere --c-*-Tokens haben kein hex-exaktes Pendant in tokens.css —
   sie bleiben unaliased, Bestandsfarben bleiben aktiv, Migration
   erfolgt modulweise in Wellen 1-3 (S4-Template Sektion 3). */
:root {
  --c-accent:        var(--brand-blue);
  --c-primary:       var(--brand-blue-deep);
  --c-accent-warn:   var(--accent-orange);
  --c-bg:            var(--surface);
  --c-warning:       var(--semantic-amber);
  --c-yellow-soft:   var(--semantic-amber-tint);
  --c-header-text:   var(--brand-blue-deep);
  --c-header-accent: var(--accent-orange);
}