/* Senast uppdaterad: 2026-09-27 10:05 | Version 0.2.0 | Codex + Åberg */
:root {
    color-scheme: light;
    --bg: #f4f6f9;
    --bg-raised: #ffffff;
    --panel: #ffffff;
    --panel-soft: #f8fafc;
    --text: #172033;
    --muted: #687386;
    --border: #dce2ea;
    --border-strong: #c5ceda;
    --shadow: 0 8px 28px rgb(29 43 67 / 8%);
    --shadow-raised: 0 14px 36px rgb(29 43 67 / 15%);
    --accent: #4e6cc4;
    --accent-hover: #3d59aa;
    --accent-text: #ffffff;
    --danger: #bd3f50;
    --focus: #2657d7;
    --widget-slate: #edf1f7;
    --widget-blue: #e8f1ff;
    --widget-cyan: #e4f7f8;
    --widget-mint: #e7f7ef;
    --widget-green: #edf6df;
    --widget-yellow: #fff6d8;
    --widget-amber: #ffedda;
    --widget-coral: #ffe7e2;
    --widget-rose: #fde8ef;
    --widget-lilac: #f1eaff;
    --widget-violet: #ebeaff;
    --widget-stone: #f1efeb;
}

:root[data-theme="dark"] {
    color-scheme: dark;
    --bg: #111722;
    --bg-raised: #1a2230;
    --panel: #1a2230;
    --panel-soft: #202a3a;
    --text: #eef2f8;
    --muted: #aab5c5;
    --border: #303c4e;
    --border-strong: #445269;
    --shadow: 0 8px 28px rgb(0 0 0 / 24%);
    --shadow-raised: 0 14px 36px rgb(0 0 0 / 38%);
    --accent: #88a4ff;
    --accent-hover: #a3b8ff;
    --accent-text: #111827;
    --danger: #ff8d9c;
    --focus: #a8bbff;
    --widget-slate: #273140;
    --widget-blue: #20344c;
    --widget-cyan: #1f3b40;
    --widget-mint: #203b32;
    --widget-green: #303b25;
    --widget-yellow: #403821;
    --widget-amber: #453020;
    --widget-coral: #462c2b;
    --widget-rose: #442a35;
    --widget-lilac: #382c4a;
    --widget-violet: #302f4d;
    --widget-stone: #373531;
}