/* =====================================================================
   Design-Tokens – zentrale Variablen für Farben, Abstände, Schatten usw.
   Nur heller Modus.
   ===================================================================== */

:root {
    color-scheme: light;

    /* ---- Flächen ---- */
    --c-bg:            #f3f4f6;   /* App-Hintergrund */
    --c-surface:       #ffffff;   /* Karten, Kacheln, Dialoge */
    --c-surface-2:     #f8f9fb;   /* dezente Unterflächen */
    --c-surface-3:     #eef0f3;   /* Hover, leichte Hervorhebung */
    --c-border:        #e2e5e9;
    --c-border-strong: #cdd2d8;

    /* ---- Text ---- */
    --c-text:   #1c2228;
    --c-text-2: #4b5560;
    --c-text-3: #7e8893;
    --c-text-inverse: #ffffff;

    /* ---- Akzent (gedecktes Petrol) ---- */
    --c-accent:        #0e706c;
    --c-accent-hover:  #0a5b58;
    --c-accent-soft:   #e3f1f0;
    --c-accent-softer: #f1f8f8;
    --c-accent-text:   #0a5553;
    --c-focus-ring:    rgba(14, 112, 108, 0.32);

    /* ---- Status ---- */
    --c-warn:          #b45309;   /* doppelt zugeteilt, Warnungen */
    --c-warn-soft:     #fef4dc;
    --c-warn-border:   #efc163;
    --c-danger:        #c0352b;
    --c-danger-hover:  #a12a21;
    --c-danger-soft:   #fdeceb;
    --c-success:       #2c7a4b;
    --c-success-soft:  #e4f3ea;
    --c-info:          #2a65a8;
    --c-info-soft:     #e8f0fa;
    --c-editing:       #6a4ec0;   /* "wird gerade bearbeitet" */
    --c-editing-soft:  #f0ecfb;
    --c-holiday:       #a8426a;   /* Feiertag */
    --c-holiday-soft:  #fbecf2;
    --c-muted-state:   #9aa3ad;   /* ausgegraut (bereits zugeteilt) */

    /* ---- Farben für Dropdown-Optionen (Notizen) ---- */
    --opt-grau-bg:    #eceef1;  --opt-grau-fg:    #47515c;
    --opt-gruen-bg:   #dcf2e3;  --opt-gruen-fg:   #1f6b3e;
    --opt-gelb-bg:    #fdf2c4;  --opt-gelb-fg:    #7a5b00;
    --opt-orange-bg:  #fde4cc;  --opt-orange-fg:  #9a4a07;
    --opt-rot-bg:     #fbdcdc;  --opt-rot-fg:     #a3231b;
    --opt-blau-bg:    #dde9fb;  --opt-blau-fg:    #234f8f;
    --opt-tuerkis-bg: #d6f0ef;  --opt-tuerkis-fg: #0b5d59;
    --opt-lila-bg:    #ebe3fa;  --opt-lila-fg:    #5a3aa8;

    /* ---- Abstände (4er-Raster) ---- */
    --s-1: 4px;
    --s-2: 8px;
    --s-3: 12px;
    --s-4: 16px;
    --s-5: 20px;
    --s-6: 24px;
    --s-7: 32px;
    --s-8: 48px;

    /* ---- Rundungen ---- */
    --r-xs: 4px;
    --r-sm: 6px;
    --r-md: 10px;
    --r-lg: 14px;
    --r-pill: 999px;

    /* ---- Schatten ---- */
    --sh-1: 0 1px 2px rgba(20, 28, 38, 0.06), 0 1px 1px rgba(20, 28, 38, 0.04);
    --sh-2: 0 2px 6px rgba(20, 28, 38, 0.07), 0 1px 2px rgba(20, 28, 38, 0.05);
    --sh-3: 0 10px 30px rgba(20, 28, 38, 0.14), 0 2px 8px rgba(20, 28, 38, 0.06);

    /* ---- Schrift ---- */
    --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
    --fs-xs: 12px;
    --fs-sm: 13px;
    --fs-md: 15px;
    --fs-lg: 17px;
    --fs-xl: 20px;
    --fs-2xl: 24px;
    --lh: 1.45;

    /* ---- Layout ---- */
    --topbar-h: 56px;
    --content-max: 1440px;
    --tap: 44px;              /* Mindestgröße für Tippflächen */
    --t-fast: 120ms ease;
    --t-med: 200ms ease;
}