/* ----------     THEME: LIGHT — Farb-Tokens     ---------- */
/* Ein alternatives Theme (z. B. dark.css) muss nur diese Tokens überschreiben. */
:root {
    --brand:           #364fcd;
    --brand-deep:      #2c41ab;
    --on-brand:        #ffffff;
    --on-brand-soft:   rgba(255, 255, 255, 0.88);

    --action:          #2b6ae0;
    --action-hover:    #2360d1;
    --on-action:       #ffffff;

    --ink:             #1d1d1d;
    --ink-soft:        #5c6270;
    --line:            #e3e7f2;
    --panel:           #f5f7fc;
    --ground:          #ffffff;

    --neutral-bg:      #eef1f8;
    --accent-bg:       #e7eefc;
    --accent-ink:      #2154ad;
    --notice-ink:      #1d418a;

    --good:            #1c7c46;
    --good-bg:         #e9f6ee;
    --warn:            #855c07;
    --warn-bg:         #fdf4e0;
    --danger:          #c03636;
    --danger-bg:       #fdefef;
}
/*? ----------     THEME: LIGHT — Farb-Tokens     ---------- */