/* ==========================================================================
   LernBesser – Theme-Token-System
   Ein Theme ist nur ein Satz benannter Werte. Die gesamte Oberfläche greift
   ausschließlich auf diese Variablen zu (siehe app.css). Ein neues Theme
   entsteht durch Hinzufügen eines weiteren [data-theme="..."]-Blocks.
   ========================================================================== */

:root,
:root[data-theme="lernheft"] {
    /* Basis-Theme: Ruhiges Lernheft */
    --bg:            #f5f4f0;
    --surface:       #ffffff;
    --surface-2:     #faf9f6;
    --text:          #1a1a1a;
    --text-muted:    #5f5f5a;
    --accent:        #1f4e79;
    --accent-hover:  #163a5c;
    --accent-text:   #ffffff;
    --border:        #e2e0d8;
    --ok:            #2e7d4f;
    --ok-bg:         #e6f2ea;
    --danger:        #b23a3a;
    --danger-bg:     #f7e7e7;
    --warn-bg:       #fdf3e3;
    --font-ui:       system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --font-card:     Georgia, "Times New Roman", serif;
    --radius:        12px;
    --radius-lg:     18px;
    --shadow:        0 1px 3px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.05);
    --shadow-lg:     0 8px 30px rgba(0,0,0,.12);
}

/* Fokus (dunkel) – teilt dasselbe Token-System, andere Werte. */
:root[data-theme="dunkel"] {
    --bg:            #15171c;
    --surface:       #1e2129;
    --surface-2:     #252932;
    --text:          #e8e8ea;
    --text-muted:    #a2a6b0;
    --accent:        #7aa2d6;
    --accent-hover:  #9bbbe6;
    --accent-text:   #10131a;
    --border:        #2f333d;
    --ok:            #5fce8f;
    --ok-bg:         #1c2b22;
    --danger:        #e06b6b;
    --danger-bg:     #2c1c1c;
    --warn-bg:       #2c2618;
    --font-ui:       system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --font-card:     Georgia, "Times New Roman", serif;
    --radius:        12px;
    --radius-lg:     18px;
    --shadow:        0 1px 3px rgba(0,0,0,.4), 0 4px 12px rgba(0,0,0,.3);
    --shadow-lg:     0 8px 30px rgba(0,0,0,.5);
}

/* ------------------------------------------------------------------------
   Weitere Themes (vorbereitet, Werte folgen – "Rest später").
   Sobald ein Block ausgefüllt und in src/Support/Theme.php auf ready=true
   gesetzt ist, erscheint er automatisch im Switcher.
   ------------------------------------------------------------------------

:root[data-theme="freundlich"]   { ... }
:root[data-theme="karteikasten"] { ... }
:root[data-theme="werkzeug"]     { ... }
*/