/* ===========================================================================
   Design-Tokens „Terminal trifft Mech" — mechs.1337.hamburg

   Adaption des Systems v2.0 „Terminal trifft Frucht" (1337.kiwi) für eine
   eigene Marke. Was sich geändert hat:

   1. DUNKEL IST DER STANDARD. Das Konzept verlangt Dark Mode als Default
      (Spieltisch, Abendrunden, Akku). Deshalb steht hier — anders als beim
      Original — der dunkle Satz auf `:root`, und HELL ist die Abweichung:
      `:root[data-theme="light"]`. Kein prefers-color-scheme: Der Modus wird
      per Schalter gesetzt (localStorage), ohne Attribut gilt dunkel.

   2. DER AKZENT IST SIGNALROT statt Kiwi-Grün: #A4231E aus dem Bemalhandbuch,
      es zieht sich schon durch die Vorlagen (KONZEPT.md §6). Achtung beim
      Weiterbauen: Rot ist DUNKEL, wo das Kiwi-Grün hell war. Gefüllte
      Akzentflächen tragen deshalb helle Schrift (siehe .btn-primary in
      components.css), nicht dunkle.

   3. RADIUS 3px statt 6. Kantiger, technischer — Panzerplatte, nicht App-Icon.

   Die Rollenlogik bleibt unverändert:
     --accent       die Signalfarbe selbst (Flächen, Ränder)
     --accent-deep  dieselbe Farbe als TEXT — muss 4,5:1 gegen --paper
                    schaffen (WCAG AA). Im Dunkeln ist das der HELLERE Wert.
     --accent-tint  blasse Tönung für Hover, Chips, markierte Zeilen
   =========================================================================== */

:root {
    /* Dunkel = Standard. Sehr dunkles Neutralgrau, kein reines Schwarz. */
    color-scheme: dark;

    --paper: #14161A;        /* Seitengrund */
    --surface: #1B1F25;      /* Karten, Flächen */
    --ink: #E8EAED;          /* Text und Ränder */
    --muted: #99A1AB;        /* Sekundärtext */
    --line: #2A2F37;         /* Trennlinien */

    /* Signalrot, für dunklen Grund aufgehellt — das Original #A4231E käme
       als Text auf 2,5:1 und wäre ein Barrierefreiheitsfehler. */
    --accent: #C23B31;
    --accent-deep: #E4685C;
    --accent-tint: #2B1614;

    /* --- Form: kantig. Radius 3px, Schatten nur als harter Versatz. ------- */
    --radius: 3px;

    /* --- Schrift: Mono für alles Produkthafte, Grotesk für Fließtext. ----- */
    --mono: ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Code", Menlo, Consolas, monospace;
    --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* --- Heller Modus: die Abweichung, per Schalter -------------------------- */
:root[data-theme="light"] {
    color-scheme: light;

    --paper: #F6F5F2;        /* warmes Papier, kein Reinweiß */
    --surface: #EDEBE6;
    --ink: #16191E;
    --muted: #5C6470;
    --line: #DAD6CE;

    /* Hier trägt das Original-Signalrot selbst; als Text minimal dunkler. */
    --accent: #A4231E;
    --accent-deep: #8C1D19;
    --accent-tint: #F4E4E1;
}