/* ──────────────────────────────────────────────────────────────
   Helles Theme – Grundlage für das Frontend.
   Gleiche Token-Namen wie theme-dark.css, damit base.css und die
   gemeinsamen Bausteine unverändert funktionieren.
   Der Blush ist derselbe Hue wie im Backend, aber dunkler und
   gesättigter – auf Weiss braucht er das, sonst verschwindet er.
   ────────────────────────────────────────────────────────────── */

:root {
    /* Flächen */
    --bg:         oklch(0.985 0.006 350);
    --panel:      oklch(0.975 0.010 350);
    --panel-2:    oklch(0.960 0.014 350);
    --panel-3:    oklch(0.945 0.018 350);
    --line:       oklch(0.900 0.020 350);

    /* Text */
    --text:       oklch(0.285 0.022 350);
    --text-dim:   oklch(0.505 0.024 350);
    --text-faint: oklch(0.660 0.022 350);

    /* Akzent */
    --blush:      oklch(0.620 0.140 355);
    --blush-ink:  oklch(0.995 0.004 350);
    --blush-soft: oklch(0.880 0.070 355);
    --blush-veil: oklch(0.620 0.140 355 / 0.11);

    /* Signal */
    --danger:     oklch(0.520 0.180 22);
    --danger-veil:oklch(0.520 0.180 22 / 0.10);
    --danger-line:oklch(0.520 0.180 22 / 0.38);

    /* Rollleiste: ruhend, unter dem Zeiger, in der Hand */
    --scroll:      oklch(0.845 0.022 350);
    --scroll-hover:oklch(0.780 0.028 350);
    --scroll-grab: oklch(0.710 0.034 350);

    /* Form */
    --r-sm:  7px;
    --r:     10px;
    --r-lg:  16px;
    --r-xl:  30px;

    /* Glas */
    --glass:      linear-gradient(158deg, rgba(255,255,255,.76), rgba(255,255,255,.44));
    --glass-edge: rgba(255,255,255,.80);
    --lift:       0 34px 90px -34px rgba(96,32,60,.30), 0 2px 10px rgba(96,32,60,.05);
}