/* =========================================================
   TOKENS -- EHRENCHECKER-DESIGN-SYSTEM.md v1.0 / CLAUDE-CODE-MASTER-BRIEF.md
   Nur Variablen. Keine Selektoren, keine Komponenten-Regeln hier.
   Wird NACH style.css geladen (siehe index.html), damit diese Tokens und alles,
   was direkt darauf aufbaut (base.css/environment.css/components.css/profile.css/...),
   verlaessliche letzte Wahrheit sind, ohne !important zu brauchen.
   ========================================================= */
:root {
    /* Display-Font zurueck auf Orbitron -- Nutzer wollte die Ueberschriften-Schrift
       NICHT geaendert haben, das war eine eigenmaechtige Entscheidung von mir letzte
       Runde ohne Rueckfrage. Body-Font bleibt Inter (das war nicht beanstandet). */
    --font-head: 'Orbitron', sans-serif;
    --font-body: 'Inter', sans-serif;

    /* Backgrounds */
    --ec-bg-0: #020711;
    --ec-bg-1: #061120;
    --ec-bg-2: #081228;
    --ec-bg-3: #0D1730;
    --ec-panel: #111B38;
    --ec-panel-elevated: #151F40;
    --ec-panel-active: #19264A;

    /* Akzente */
    --ec-cyan: #00F0FF;
    --ec-pink: #FF007F;
    --ec-gold: #FFD700;
    --ec-purple: #8B5CF6;

    /* Text */
    --ec-text-primary: #F5F7FF;
    --ec-text-secondary: #B9C3E6;
    --ec-text-tertiary: #7F8CAA;
    --ec-text-muted: #58677D;
    --ec-text-disabled: #3F4A60;

    /* Status */
    --ec-success: #22C55E;
    --ec-danger: #EF4444;
    --ec-warning: #F59E0B;
    --ec-info: #38BDF8;

    /* Rang */
    --ec-rank-gold: #FFD700;
    --ec-rank-silver: #C7D2E0;
    --ec-rank-bronze: #E2984B;

    /* Border -- Eskalationsstufen normal < hover < active < strong. Standard-Ruhezustand
       fuer Panels ist NICHT diese Cyan-Skala, sondern --ec-border-white (neutral) --
       siehe components.css .panel. Diese Skala ist fuer wirklich aktive/hover/fokussierte
       Zustaende reserviert (Master Brief Abschnitt 2.4/9). */
    --ec-border-subtle: rgba(0, 240, 255, 0.12);
    --ec-border-default: rgba(0, 240, 255, 0.22);
    --ec-border-strong: rgba(0, 240, 255, 0.48);
    --ec-border-active: rgba(0, 240, 255, 0.90);
    --ec-border-white: rgba(245, 247, 255, 0.10);

    /* Flaechen */
    --ec-surface-ghost: rgba(255,255,255,0.025);
    --ec-surface-hover: rgba(0,240,255,0.055);
    --ec-surface-active: rgba(0,240,255,0.095);
    --ec-overlay-dark: rgba(0,0,0,0.55);
    --ec-overlay-heavy: rgba(0,0,0,0.72);

    /* Glow -- sparsam einsetzen (Master Brief Abschnitt 10) */
    --ec-glow-cyan: 0 0 18px rgba(0,240,255,0.22);
    --ec-glow-cyan-strong: 0 0 26px rgba(0,240,255,0.34);
    --ec-glow-pink: 0 0 18px rgba(255,0,127,0.22);
    --ec-glow-gold: 0 0 18px rgba(255,215,0,0.20);

    /* Typografische Skala -- keine willkuerlichen Zwischenwerte (Abschnitt 11) */
    --text-xs: 10px; --text-sm: 12px; --text-md: 14px; --text-lg: 16px;
    --text-xl: 20px; --text-2xl: 24px; --text-3xl: 32px; --text-4xl: 40px;

    /* 4px-Grundraster (Abschnitt 13) */
    --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
    --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px;
    --space-12: 48px; --space-16: 64px;

    /* Radii (Abschnitt 14) */
    --radius-none: 0px; --radius-sm: 4px; --radius-md: 6px; --radius-lg: 8px; --radius-pill: 999px;
}