:root {
  --font-sans:"InterVariable","Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
  --fs-xs:.78rem; --fs-sm:.875rem; --fs-md:.95rem; --fs-lg:1.1rem; --fs-xl:1.45rem; --fs-2xl:1.95rem;
  --sp-1:.25rem; --sp-2:.5rem; --sp-3:.75rem; --sp-4:1rem; --sp-5:1.5rem; --sp-6:2rem; --sp-8:3rem;
  --radius-sm:10px; --radius:14px; --radius-lg:20px; --radius-pill:999px;
  --ease:cubic-bezier(.4,0,.2,1); --ease-out:cubic-bezier(.16,1,.3,1);
}
[data-mode="light"]{
  color-scheme:light;
  --bg:#F5F5F7; --bg-tint:#FFFFFF;
  --surface:#FFFFFF; --surface-2:#F1F2F5; --surface-3:#E8EAEF;
  --border:#E6E7EC; --border-strong:#D3D6DE;
  --text:#1D1D1F; --text-muted:#6E6E73; --text-subtle:#9A9AA0;
  --accent:#0E9E77; --accent-hover:#0B8A68; --accent-contrast:#FFFFFF;
  --accent-soft:color-mix(in srgb,var(--accent) 12%,transparent);
  --success:#1F9E63; --warning:#B7791F; --danger:#D64541; --info:#2B78D4;
  --ring:color-mix(in srgb,var(--accent) 35%,transparent);
  --shadow-sm:0 1px 2px rgba(16,24,40,.04),0 1px 3px rgba(16,24,40,.03);
  --shadow-md:0 6px 20px -6px rgba(16,24,40,.10),0 2px 8px -3px rgba(16,24,40,.05);
  --shadow-lg:0 24px 56px -20px rgba(16,24,40,.16);
  --aurora:linear-gradient(105deg,var(--accent),var(--info));
}
[data-mode="dark"]{
  color-scheme:dark;
  --bg:#0B0F17; --bg-tint:#0E1420;
  --surface:#141B27; --surface-2:#1B2433; --surface-3:#222D3E;
  --border:#212C3C; --border-strong:#33415A;
  --text:#EAEEF7; --text-muted:#95A2B6; --text-subtle:#63708A;
  --accent:#4FD1A5; --accent-hover:#67E0B7; --accent-contrast:#06170F;
  --accent-soft:color-mix(in srgb,var(--accent) 16%,transparent);
  --success:#56C288; --warning:#F2C464; --danger:#F0716C; --info:#6AA7F0;
  --ring:color-mix(in srgb,var(--accent) 45%,transparent);
  --shadow-sm:0 1px 2px rgba(0,0,0,.35);
  --shadow-md:0 6px 18px -6px rgba(0,0,0,.5),0 2px 6px -2px rgba(0,0,0,.35);
  --shadow-lg:0 24px 60px -18px rgba(0,0,0,.6);
  --aurora:linear-gradient(105deg,var(--accent),var(--info));
}
/* Ljusa tema-varianter (accent) */
[data-theme="hav"]{--accent:#2B78D4;--accent-hover:#2568BC;--info:#14A6B0}
[data-theme="lavendel"]{--accent:#7C5CD4;--accent-hover:#6B4CC0;--info:#B05CD4}
[data-theme="sand"]{--accent:#BE7A2E;--accent-hover:#A96B26;--info:#C99A3E;--bg:#F7F4EF;--surface-2:#F1EDE5}
[data-theme="grafit"]{--accent:#586573;--accent-hover:#48535F;--info:#7A8794}
/* Morka tema-varianter (bg + accent) */
[data-theme="midnatt"]{--accent:#5B9DF0;--accent-hover:#74AEF4;--accent-contrast:#04122A;--info:#6AA7F0;--bg:#0A1020;--bg-tint:#0D1526;--surface:#121A2E;--surface-2:#18233B;--surface-3:#20304C;--border:#243149;--border-strong:#35486A}
[data-theme="ametist"]{--accent:#B18CF0;--accent-hover:#C2A3F4;--accent-contrast:#1A0F2E;--info:#9B7CF0;--bg:#120E1E;--bg-tint:#170F28;--surface:#1C1630;--surface-2:#241B3E;--surface-3:#2E2450;--border:#2E2448;--border-strong:#43356A}
[data-theme="kunglig"]{--accent:#E3B95E;--accent-hover:#EDCB7C;--accent-contrast:#2A1F08;--info:#C4463C;--bg:#130F0A;--bg-tint:#1A140C;--surface:#1E1811;--surface-2:#261E14;--surface-3:#332818;--border:#332818;--border-strong:#4A3A22;--text:#F3E9D6;--text-muted:#B9A888;--text-subtle:#8A7A5E}
[data-theme="kol"]{--accent:#9AA4B2;--accent-hover:#B0B9C5;--accent-contrast:#0E0F12;--info:#8891A0;--bg:#0E0F12;--bg-tint:#131519;--surface:#17191E;--surface-2:#1E2127;--surface-3:#262A31;--border:#262A31;--border-strong:#363B44}