:root,
html[data-theme="slate"]{

    color-scheme:dark;

    --bg:#1f1f1f;
    --bg-elevated:#262626;
    --bg-panel:#252525;
    --bg-deep:#1a1a1a;
    --bg-chip:#2a2a2a;
    --border:#333333;
    --border-strong:#3a3a3a;
    --border-input:#555555;
    --btn:#444444;
    --text:#f3f7ff;
    --text-secondary:#dddddd;
    --text-muted:#cccccc;
    --text-dim:#888888;
    --text-quiet:#9aa4b2;
    --text-faint:#7f8b9a;
    --on-accent:#ffffff;
    --accent:#58a6ff;
    --accent-soft:#9ecbff;
    --accent-bright:#4da3ff;
    --accent-surface:#243447;
    --accent-hover:#3a5577;
    --today:#1f6feb;
    --warn:#f0c674;
    --danger:#8b2e2e;
    --danger-soft:#6e3a3a;
    --glow:rgba(88,166,255,.16);
    --glow-soft:rgba(88,166,255,.12);
    --glow-mid:rgba(88,166,255,.22);
    --warn-glow:rgba(240,198,116,.12);
    --overlay:rgba(0,0,0,.55);
    --hover-wash:rgba(255,255,255,.06);
    --hover-wash-strong:rgba(255,255,255,.08);
    --shadow:rgba(0,0,0,.3);
    --theme-swatch-a:#1f1f1f;
    --theme-swatch-b:#58a6ff;

}

html[data-theme="midnight"]{

    color-scheme:dark;

    --bg:#0b1220;
    --bg-elevated:#121a2b;
    --bg-panel:#101826;
    --bg-deep:#070d18;
    --bg-chip:#182236;
    --border:#24314a;
    --border-strong:#2e3d5a;
    --border-input:#3d4f6f;
    --btn:#2a3a55;
    --text:#eaf0ff;
    --text-secondary:#c9d4ea;
    --text-muted:#a9b6cf;
    --text-dim:#7f8eab;
    --text-quiet:#8fa0bd;
    --text-faint:#6d7e9c;
    --on-accent:#ffffff;
    --accent:#6eb6ff;
    --accent-soft:#b7d9ff;
    --accent-bright:#5aa8ff;
    --accent-surface:#1a2f4d;
    --accent-hover:#2d4a73;
    --today:#3b82f6;
    --warn:#f5d07a;
    --danger:#9b3b4a;
    --danger-soft:#7a3340;
    --glow:rgba(110,182,255,.18);
    --glow-soft:rgba(110,182,255,.12);
    --glow-mid:rgba(110,182,255,.24);
    --warn-glow:rgba(245,208,122,.12);
    --overlay:rgba(3,8,18,.62);
    --hover-wash:rgba(255,255,255,.06);
    --hover-wash-strong:rgba(255,255,255,.09);
    --shadow:rgba(0,0,0,.4);
    --theme-swatch-a:#0b1220;
    --theme-swatch-b:#6eb6ff;

}

html[data-theme="nord"]{

    color-scheme:dark;

    --bg:#2e3440;
    --bg-elevated:#3b4252;
    --bg-panel:#343b49;
    --bg-deep:#242933;
    --bg-chip:#434c5e;
    --border:#4c566a;
    --border-strong:#5a657a;
    --border-input:#6b758a;
    --btn:#4c566a;
    --text:#eceff4;
    --text-secondary:#e5e9f0;
    --text-muted:#d8dee9;
    --text-dim:#9aa3b2;
    --text-quiet:#a7b1c2;
    --text-faint:#8b95a7;
    --on-accent:#ffffff;
    --accent:#88c0d0;
    --accent-soft:#b7dde7;
    --accent-bright:#81a1c1;
    --accent-surface:#3d505c;
    --accent-hover:#4f6775;
    --today:#5e81ac;
    --warn:#ebcb8b;
    --danger:#bf616a;
    --danger-soft:#8f4c53;
    --glow:rgba(136,192,208,.18);
    --glow-soft:rgba(136,192,208,.12);
    --glow-mid:rgba(136,192,208,.24);
    --warn-glow:rgba(235,203,139,.12);
    --overlay:rgba(20,24,32,.58);
    --hover-wash:rgba(255,255,255,.06);
    --hover-wash-strong:rgba(255,255,255,.09);
    --shadow:rgba(0,0,0,.35);
    --theme-swatch-a:#2e3440;
    --theme-swatch-b:#88c0d0;

}

html[data-theme="forest"]{

    color-scheme:dark;

    --bg:#121a14;
    --bg-elevated:#1a241c;
    --bg-panel:#172019;
    --bg-deep:#0d130f;
    --bg-chip:#223028;
    --border:#2c3b31;
    --border-strong:#3a4d40;
    --border-input:#4a6353;
    --btn:#33483c;
    --text:#e8f3ea;
    --text-secondary:#cfe0d3;
    --text-muted:#b4c8b9;
    --text-dim:#7f9787;
    --text-quiet:#90a998;
    --text-faint:#6f8777;
    --on-accent:#ffffff;
    --accent:#6fbf86;
    --accent-soft:#a8dcb6;
    --accent-bright:#5fb37a;
    --accent-surface:#243a2c;
    --accent-hover:#355743;
    --today:#3f8f5a;
    --warn:#d8c078;
    --danger:#a05050;
    --danger-soft:#7d4040;
    --glow:rgba(111,191,134,.16);
    --glow-soft:rgba(111,191,134,.11);
    --glow-mid:rgba(111,191,134,.22);
    --warn-glow:rgba(216,192,120,.12);
    --overlay:rgba(6,12,8,.6);
    --hover-wash:rgba(255,255,255,.05);
    --hover-wash-strong:rgba(255,255,255,.08);
    --shadow:rgba(0,0,0,.38);
    --theme-swatch-a:#121a14;
    --theme-swatch-b:#6fbf86;

}

html[data-theme="ocean"]{

    color-scheme:dark;

    --bg:#0d181c;
    --bg-elevated:#142329;
    --bg-panel:#122026;
    --bg-deep:#091216;
    --bg-chip:#1b3038;
    --border:#274048;
    --border-strong:#33525c;
    --border-input:#446772;
    --btn:#2c4a54;
    --text:#e7f6f8;
    --text-secondary:#c5e0e5;
    --text-muted:#a8cdd4;
    --text-dim:#769aa3;
    --text-quiet:#88adb6;
    --text-faint:#678f99;
    --on-accent:#ffffff;
    --accent:#3ec6c9;
    --accent-soft:#9ce3e5;
    --accent-bright:#2fb6ba;
    --accent-surface:#1a3f45;
    --accent-hover:#2a5b63;
    --today:#1f9aa0;
    --warn:#e0c57a;
    --danger:#b25a5a;
    --danger-soft:#8a4545;
    --glow:rgba(62,198,201,.16);
    --glow-soft:rgba(62,198,201,.11);
    --glow-mid:rgba(62,198,201,.24);
    --warn-glow:rgba(224,197,122,.12);
    --overlay:rgba(4,12,16,.62);
    --hover-wash:rgba(255,255,255,.05);
    --hover-wash-strong:rgba(255,255,255,.08);
    --shadow:rgba(0,0,0,.4);
    --theme-swatch-a:#0d181c;
    --theme-swatch-b:#3ec6c9;

}

html[data-theme="ember"]{

    color-scheme:dark;

    --bg:#1a1410;
    --bg-elevated:#241c16;
    --bg-panel:#201912;
    --bg-deep:#120e0b;
    --bg-chip:#32261d;
    --border:#463628;
    --border-strong:#594533;
    --border-input:#6d5640;
    --btn:#4a3828;
    --text:#fff1e4;
    --text-secondary:#e8d2bc;
    --text-muted:#d0b79d;
    --text-dim:#9a8168;
    --text-quiet:#ad9378;
    --text-faint:#8b735b;
    --on-accent:#ffffff;
    --accent:#f0a35e;
    --accent-soft:#f6c794;
    --accent-bright:#e89448;
    --accent-surface:#3d2a18;
    --accent-hover:#5a3d22;
    --today:#d97706;
    --warn:#f0c674;
    --danger:#b04840;
    --danger-soft:#8a3a34;
    --glow:rgba(240,163,94,.16);
    --glow-soft:rgba(240,163,94,.11);
    --glow-mid:rgba(240,163,94,.24);
    --warn-glow:rgba(240,198,116,.12);
    --overlay:rgba(12,8,5,.62);
    --hover-wash:rgba(255,255,255,.05);
    --hover-wash-strong:rgba(255,255,255,.08);
    --shadow:rgba(0,0,0,.4);
    --theme-swatch-a:#1a1410;
    --theme-swatch-b:#f0a35e;

}

html[data-theme="graphite"]{

    color-scheme:dark;

    --bg:#181818;
    --bg-elevated:#222222;
    --bg-panel:#1e1e1e;
    --bg-deep:#111111;
    --bg-chip:#2b2b2b;
    --border:#3a3a3a;
    --border-strong:#4a4a4a;
    --border-input:#5c5c5c;
    --btn:#3d3d3d;
    --text:#f2f2f2;
    --text-secondary:#d6d6d6;
    --text-muted:#bdbdbd;
    --text-dim:#8a8a8a;
    --text-quiet:#9c9c9c;
    --text-faint:#777777;
    --on-accent:#ffffff;
    --accent:#c0c0c0;
    --accent-soft:#e0e0e0;
    --accent-bright:#d0d0d0;
    --accent-surface:#303030;
    --accent-hover:#454545;
    --today:#8a8a8a;
    --warn:#d2c08a;
    --danger:#9a5555;
    --danger-soft:#7a4444;
    --glow:rgba(192,192,192,.14);
    --glow-soft:rgba(192,192,192,.09);
    --glow-mid:rgba(192,192,192,.2);
    --warn-glow:rgba(210,192,138,.12);
    --overlay:rgba(0,0,0,.58);
    --hover-wash:rgba(255,255,255,.06);
    --hover-wash-strong:rgba(255,255,255,.09);
    --shadow:rgba(0,0,0,.4);
    --theme-swatch-a:#181818;
    --theme-swatch-b:#c0c0c0;

}

html[data-theme="terminal"]{

    color-scheme:dark;

    --bg:#0a0f0a;
    --bg-elevated:#101810;
    --bg-panel:#0d140d;
    --bg-deep:#050805;
    --bg-chip:#162016;
    --border:#223322;
    --border-strong:#2f452f;
    --border-input:#3d5a3d;
    --btn:#1f331f;
    --text:#d7ffd7;
    --text-secondary:#b6e6b6;
    --text-muted:#95cc95;
    --text-dim:#6a9a6a;
    --text-quiet:#7aaf7a;
    --text-faint:#5a855a;
    --on-accent:#ffffff;
    --accent:#39ff14;
    --accent-soft:#9aff86;
    --accent-bright:#2fe00f;
    --accent-surface:#163516;
    --accent-hover:#245224;
    --today:#22c55e;
    --warn:#c8e06a;
    --danger:#d14b4b;
    --danger-soft:#9d3a3a;
    --glow:rgba(57,255,20,.14);
    --glow-soft:rgba(57,255,20,.09);
    --glow-mid:rgba(57,255,20,.22);
    --warn-glow:rgba(200,224,106,.12);
    --overlay:rgba(0,8,0,.65);
    --hover-wash:rgba(57,255,20,.06);
    --hover-wash-strong:rgba(57,255,20,.1);
    --shadow:rgba(0,0,0,.45);
    --theme-swatch-a:#0a0f0a;
    --theme-swatch-b:#39ff14;

}

html[data-theme="ice"]{

    color-scheme:light;

    --bg:#eef3f8;
    --bg-elevated:#ffffff;
    --bg-panel:#f7fafc;
    --bg-deep:#e4ebf3;
    --bg-chip:#e8eef6;
    --border:#c9d5e4;
    --border-strong:#b5c4d6;
    --border-input:#9aadc4;
    --btn:#d7e2ef;
    --text:#152033;
    --text-secondary:#2a3a52;
    --text-muted:#445870;
    --text-dim:#6b7f99;
    --text-quiet:#60758f;
    --text-faint:#7a8fa8;
    --on-accent:#ffffff;
    --accent:#2563eb;
    --accent-soft:#1d4ed8;
    --accent-bright:#1d4ed8;
    --accent-surface:#dbe7ff;
    --accent-hover:#1e40af;
    --today:#2563eb;
    --warn:#a16207;
    --danger:#b91c1c;
    --danger-soft:#dc2626;
    --glow:rgba(37,99,235,.12);
    --glow-soft:rgba(37,99,235,.08);
    --glow-mid:rgba(37,99,235,.18);
    --warn-glow:rgba(161,98,7,.1);
    --overlay:rgba(25,40,60,.35);
    --hover-wash:rgba(21,32,51,.05);
    --hover-wash-strong:rgba(21,32,51,.08);
    --shadow:rgba(25,40,60,.12);
    --theme-swatch-a:#eef3f8;
    --theme-swatch-b:#2563eb;

}

html[data-theme="daylight"]{

    color-scheme:light;

    --bg:#f4f6f8;
    --bg-elevated:#ffffff;
    --bg-panel:#fbfcfd;
    --bg-deep:#e8ecf1;
    --bg-chip:#eef1f5;
    --border:#d5dbe3;
    --border-strong:#c2cad6;
    --border-input:#a8b2c0;
    --btn:#e3e8ef;
    --text:#1b2430;
    --text-secondary:#334155;
    --text-muted:#526277;
    --text-dim:#748399;
    --text-quiet:#66788f;
    --text-faint:#8494a8;
    --on-accent:#ffffff;
    --accent:#0f766e;
    --accent-soft:#0d9488;
    --accent-bright:#0f766e;
    --accent-surface:#ccfbf1;
    --accent-hover:#115e59;
    --today:#0d9488;
    --warn:#b45309;
    --danger:#b91c1c;
    --danger-soft:#dc2626;
    --glow:rgba(15,118,110,.12);
    --glow-soft:rgba(15,118,110,.08);
    --glow-mid:rgba(15,118,110,.18);
    --warn-glow:rgba(180,83,9,.1);
    --overlay:rgba(27,36,48,.32);
    --hover-wash:rgba(27,36,48,.05);
    --hover-wash-strong:rgba(27,36,48,.08);
    --shadow:rgba(27,36,48,.1);
    --theme-swatch-a:#f4f6f8;
    --theme-swatch-b:#0f766e;

}
