/* =====================================================================
   design_tokens.css  —  Life Design System
   ---------------------------------------------------------------------
   EINZIGE zentrale Quelle für Farben, Schriften, Radien, Schatten.
   Wird vor design_system.css eingebunden.
   ===================================================================== */
:root{

  /* --- Struktur / Hintergründe --- */
  --bg-900:#0a1417;        /* tiefster Hintergrund (App-Body)            */
  --bg-800:#10232a;        /* Deep Teal (Palette)                        */
  --bg-700:#15303a;        /* Panel-Grund                                */
  --bg-600:#193a45;        /* Box-Oberkante / Highlight                  */
  --ink   :#161616;        /* Ink / reines Dunkel (Palette)              */

  /* --- Linien / Slate (Palette) --- */
  --slate :#3d4d55;
  --slate-soft:rgba(61,77,85,.45);

  /* --- Text --- */
  --text  :#e7dccf;        /* Primärtext                                 */
  --text-2:#a79e9c;        /* Sekundärtext (Palette)                     */
  --text-3:#6f7e85;        /* gedämpft / Meta                            */
  --sand  :#d3c3b9;        /* Überschriften (Palette)                    */

  /* --- Akzent: Amber / Bronze --- */
  --accent   :#f6a50a;
  --accent-2 :#b58863;     /* Bronze (Palette)                           */
  --accent-3 :#ffb347;
  --accent-glow:rgba(246,165,10,.35);

  /* --- Semantik --- */
  --positive :#3ddc97;  --positive-glow:rgba(61,220,151,.30);
  --negative :#ff5a6e;  --negative-glow:rgba(255,90,110,.30);
  --info     :#56c2e6;  --info-glow:rgba(86,194,230,.30);
  --warning  :#f6a50a;  --warning-glow:rgba(246,165,10,.30);

  /* --- Kategorie-Farben (Projekt-Typen) – bewusst ausserhalb der Semantik --- */
  --type-projekt:#8f6cff;  --type-projekt-text:#cdb6ff;
  --type-projekt-soft:rgba(143,108,255,.14);  --type-projekt-line:rgba(143,108,255,.40);
  --type-ferien :#3ddc97;  --type-ferien-soft:rgba(61,220,151,.12);  --type-ferien-line:rgba(61,220,151,.40);
  --type-event  :#ffb347;  --type-event-soft:rgba(246,165,10,.12);   --type-event-line:rgba(246,165,10,.40);

  /* --- Chart-Palette (aus class_show_chart_v2) --- */
  --c1:#ffa65b; --c2:#fd795d; --c3:#e5554a; --c4:#d13d4a;
  --c5:#ac174c; --c6:#89124d; --c7:#f6a50a;

  /* --- Box / Elevation (3D-Effekt) --- */
  --radius:16px;
  --radius-sm:11px;
  --box-surface:linear-gradient(155deg,#1b3a44 0%,#122c34 55%,#0e2229 100%);
  --box-border:1px solid rgba(120,150,160,.16);
  --box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 -1px 0 rgba(0,0,0,.45) inset,
               0 18px 38px -18px rgba(0,0,0,.85),0 2px 4px rgba(0,0,0,.4);
  --box-shadow-hover:0 1px 0 rgba(255,255,255,.10) inset,0 26px 50px -16px rgba(0,0,0,.9),
               0 0 0 1px var(--accent-glow),0 0 32px -6px var(--accent-glow);

  /* --- Typografie --- */
  --font-display:'Rajdhani',sans-serif;
  --font-body:'IBM Plex Sans',sans-serif;
  --font-mono:'JetBrains Mono',monospace;

  /* --- Layout --- */
  --topbar-h:64px;
  --side-w:256px;
}