/* GameDraft — styles/tokens.css
   Design-Tokens (:root) und Box-Sizing-Reset. */

    :root {
      color-scheme: dark;
      --bg:#08090c; --panel:#111319; --panel2:#171a22; --border:#2a2f3a;
      --text:#f2f2f4; --muted:#9aa3b2; --accent:#d6e3ff; --good:#8ee6a8;
      --danger:#ff9c9c;

      /* Konsistenz-Tokens (Audit): einheitliche Control-Höhe & Radius-Skala */
      --gd-control-h: 44px;     /* eine Höhe für alle Buttons/Inputs/Selects */
      --gd-r-control: 14px;     /* kleine interaktive Elemente */
      --gd-r-card: 20px;        /* Kacheln, Listenkarten, Preset-Karten */
      --gd-r-panel: 24px;       /* große Flächen: Panels, Modals, Start/Finished */
      --gd-r-pill: 999px;

      /* Marken-Identität (aus dem Logo-Gradient): Cyan → Blau → Violett.
         --brand-grad   = volle Logo-Identität (Logo, große Akzentflächen)
         --brand-grad-btn = lesbarer Button-Verlauf (Blau→Violett, weißer Text)
         --brand-accent = solide Markenfarbe (Rahmen/Fokus/Highlights) */
      --brand-cyan:#00d7ff; --brand-blue:#3d7bff; --brand-purple:#7c4dff;
      --brand-grad: linear-gradient(135deg, #00d7ff, #3d7bff 52%, #7c4dff);
      --brand-grad-btn: linear-gradient(135deg, #3d7bff, #7c4dff);
      --brand-accent:#5b8cff;
      --brand-accent-soft: rgba(91,140,255,.42);
      --brand-ring: rgba(91,140,255,.55);
    }
    * { box-sizing:border-box; }