/* ═══════════════════════════════════════════════════════
   FW Schrietz — gemeinsame Design-Tokens
   Einzige Quelle für Farben, Schriften, Radien und Bewegung.
   Genutzt von Website (variables.css), Admin (theme.css),
   Monitor (monitor.css) und Funk (Kopie in funk.schrietz.de/css/).
   Kopie im Funk nach Änderung mit `npm run sync-shared` abgleichen.
═══════════════════════════════════════════════════════ */
:root {
    /* Marke */
    --red:         #e8192c;
    --red-mid:     #b5121f;
    --red-dim:     rgba(232,25,44,0.1);
    --red-glow:    rgba(232,25,44,0.4);
    --border-red:  rgba(232,25,44,0.22);
    --red-text:    #ff4d5e;                   /* Rot für kleine Schrift (≥ 5,4 : 1 auf allen Flächen) */

    /* Signalfarben */
    --green:       #1fcf5a;
    --green-glow:  rgba(31,207,90,0.35);
    --yellow:      #f59e0b;
    --yellow-glow: rgba(245,158,11,0.35);
    --amber:       var(--yellow);            /* Alias, gleiche Farbe */
    --orange:      #ff8c1a;
    --blue:        #4f8ef7;
    --blue-glow:   rgba(79,142,247,0.5);
    --discord:     #5865f2;

    /* Flächen */
    --bg:          #06060a;
    --surface:     #0c0c13;
    --surface2:    #111119;
    --surface3:    #171721;
    --border:      rgba(255,255,255,0.055);

    /* Text */
    --text:        #edeef5;
    --text-mid:    rgba(237,238,245,0.7);
    --text-dim:    rgba(237,238,245,0.58);   /* ≥ 5,8 : 1 — Mindestwert für kleine Schrift */
    --text-soft:   var(--text-mid);          /* Alias für Fließtext auf dunkel */

    /* Schriftgrößen (Stufen statt Einzelwerte) */
    --fs-3xs:      0.64rem;   /* Badges, Mini-Labels */
    --fs-2xs:      0.72rem;   /* Eyebrow, Labels */
    --fs-xs:       0.8rem;
    --fs-sm:       0.88rem;
    --fs-base:     0.95rem;   /* Fließtext */
    --fs-md:       1.1rem;
    --fs-lg:       1.35rem;

    /* Form */
    --radius-sm:   8px;
    --radius:      12px;
    --radius-lg:   18px;
    --card-shadow: 0 4px 24px rgba(0,0,0,0.45), 0 1px 0 rgba(255,255,255,0.04) inset;
    --topbar-h:    52px;

    /* Schriften */
    --sans:        'Barlow', sans-serif;
    --cond:        'Barlow Condensed', sans-serif;
    --mono:        'JetBrains Mono', monospace;

    /* Knöpfe: ein Stil für alle Bereiche */
    --btn-font:    var(--cond);
    --btn-size:    0.9rem;
    --btn-size-sm: 0.8rem;
    --btn-weight:  800;
    --btn-track:   0.06em;
    --btn-case:    uppercase;

    /* Bewegung: "ein" für Eingänge/Druckpunkte, "bewegen" für Schieben/Blenden */
    --ein:         cubic-bezier(0.22, 1, 0.36, 1);
    --bewegen:     cubic-bezier(0.25, 1, 0.5, 1);
}