/* ── Electric (default) ── */
[data-theme="electric"],
:root {
  --primary: #003ec7;
  --primary-container: #0052ff;
  --on-primary: #ffffff;
  --primary-fixed: #dde1ff;
  --primary-fixed-dim: #b7c4ff;
  --inverse-primary: #b7c4ff;
  --secondary: #506600;
  --secondary-container: #c1f100;
  --on-secondary: #ffffff;
  --secondary-fixed: #c3f400;
  --secondary-fixed-dim: #abd600;
  --tertiary: #00575d;
  --tertiary-container: #007179;
  --on-tertiary: #ffffff;
  --tertiary-fixed: #7df4ff;
  --tertiary-fixed-dim: #00dbe9;
  --error: #ba1a1a;
  --on-error: #ffffff;
  --error-container: #ffdad6;
  --on-error-container: #93000a;
  --surface: #faf8ff;
  --surface-dim: #d2d9f4;
  --surface-bright: #faf8ff;
  --surface-container-lowest: #ffffff;
  --surface-container-low: #f2f3ff;
  --surface-container: #eaedff;
  --surface-container-high: #e2e7ff;
  --surface-container-highest: #dae2fd;
  --on-surface: #131b2e;
  --on-surface-variant: #434656;
  --inverse-surface: #283044;
  --inverse-on-surface: #eef0ff;
  --outline: #737688;
  --outline-variant: #c3c5d9;
  --background: #faf8ff;
  --on-background: #131b2e;
  --surface-variant: #dae2fd;
  --surface-tint: #004ced;
}

/* ── Midnight (dark) ── */
[data-theme="midnight"] {
  --primary: #b7c4ff;
  --primary-container: #0038b6;
  --on-primary: #001452;
  --primary-fixed: #dde1ff;
  --primary-fixed-dim: #b7c4ff;
  --inverse-primary: #003ec7;
  --secondary: #abd600;
  --secondary-container: #3c4d00;
  --on-secondary: #161e00;
  --secondary-fixed: #c3f400;
  --secondary-fixed-dim: #abd600;
  --tertiary: #00dbe9;
  --tertiary-container: #004f54;
  --on-tertiary: #002022;
  --tertiary-fixed: #7df4ff;
  --tertiary-fixed-dim: #00dbe9;
  --error: #ffb4ab;
  --on-error: #690005;
  --error-container: #93000a;
  --on-error-container: #ffdad6;
  --surface: #111318;
  --surface-dim: #111318;
  --surface-bright: #37393f;
  --surface-container-lowest: #0c0e12;
  --surface-container-low: #191b21;
  --surface-container: #1d1f25;
  --surface-container-high: #282a2f;
  --surface-container-highest: #33353a;
  --on-surface: #e2e2e9;
  --on-surface-variant: #c4c5d0;
  --inverse-surface: #e2e2e9;
  --inverse-on-surface: #111318;
  --outline: #8e8f99;
  --outline-variant: #44474e;
  --background: #111318;
  --on-background: #e2e2e9;
  --surface-variant: #44474e;
  --surface-tint: #b7c4ff;
}

/* ── Creamy (warm light) ── */
[data-theme="creamy"] {
  --primary: #8d5c2c;
  --primary-container: #d6a674;
  --on-primary: #ffffff;
  --primary-fixed: #f5e6d3;
  --primary-fixed-dim: #d6a674;
  --inverse-primary: #f5d4b0;
  --secondary: #7b6d5e;
  --secondary-container: #b8a892;
  --on-secondary: #ffffff;
  --secondary-fixed: #ede0d0;
  --secondary-fixed-dim: #d4c4b0;
  --tertiary: #6b8f6b;
  --tertiary-container: #a8c7a3;
  --on-tertiary: #ffffff;
  --tertiary-fixed: #e0f0dc;
  --tertiary-fixed-dim: #c0dbc0;
  --error: #ba1a1a;
  --on-error: #ffffff;
  --error-container: #ffdad6;
  --on-error-container: #93000a;
  --surface: #fef9f2;
  --surface-dim: #e0dbd4;
  --surface-bright: #fef9f2;
  --surface-container-lowest: #ffffff;
  --surface-container-low: #f8f3ec;
  --surface-container: #f2ede6;
  --surface-container-high: #ece7e0;
  --surface-container-highest: #e6e1da;
  --on-surface: #1f1b16;
  --on-surface-variant: #504b45;
  --inverse-surface: #35302a;
  --inverse-on-surface: #f8f1e9;
  --outline: #7c756d;
  --outline-variant: #cdc5bc;
  --background: #fef9f2;
  --on-background: #1f1b16;
  --surface-variant: #e6e1da;
  --surface-tint: #8d5c2c;
}

/* ── Forest (green) ── */
[data-theme="forest"] {
  --primary: #2d6a4f;
  --primary-container: #52b788;
  --on-primary: #ffffff;
  --primary-fixed: #d8f3dc;
  --primary-fixed-dim: #95d5b2;
  --inverse-primary: #95d5b2;
  --secondary: #5c7a67;
  --secondary-container: #9bb8a5;
  --on-secondary: #ffffff;
  --secondary-fixed: #ddeee2;
  --secondary-fixed-dim: #c0dccc;
  --tertiary: #3e7b6a;
  --tertiary-container: #82c9b4;
  --on-tertiary: #ffffff;
  --tertiary-fixed: #d4f2e8;
  --tertiary-fixed-dim: #b0e5d4;
  --error: #ba1a1a;
  --on-error: #ffffff;
  --error-container: #ffdad6;
  --on-error-container: #93000a;
  --surface: #f0f7f2;
  --surface-dim: #d0d9d2;
  --surface-bright: #f0f7f2;
  --surface-container-lowest: #ffffff;
  --surface-container-low: #eaf1ec;
  --surface-container: #e4ebe6;
  --surface-container-high: #dee5e0;
  --surface-container-highest: #d8dfda;
  --on-surface: #131f17;
  --on-surface-variant: #414d44;
  --inverse-surface: #28342b;
  --inverse-on-surface: #eef6ed;
  --outline: #717d74;
  --outline-variant: #c1cdc2;
  --background: #f0f7f2;
  --on-background: #131f17;
  --surface-variant: #d8dfda;
  --surface-tint: #2d6a4f;
}