:root {
  --fs-bg: #06080f;
  --fs-bg-2: #0b1020;
  --fs-surface: rgba(13, 19, 30, 0.78);
  --fs-surface-2: rgba(18, 26, 40, 0.88);
  --fs-surface-3: rgba(26, 38, 56, 0.9);
  --fs-text: #eef4ff;
  --fs-muted: rgba(238, 244, 255, 0.65);
  --fs-accent: #6fe0ff;
  --fs-accent-2: #7ef2c6;
  --fs-danger: #ff6b6b;
  --fs-success: #5ee0a8;
  --fs-warning: #ffc073;
  --fs-border-color: rgba(130, 160, 200, 0.28);
  --fs-glow: rgba(111, 224, 255, 0.45);
  --fs-gradient: radial-gradient(circle at 15% 10%, rgba(111, 224, 255, 0.18), transparent 45%),
    radial-gradient(circle at 80% 20%, rgba(126, 242, 198, 0.12), transparent 42%),
    linear-gradient(160deg, #06080f 0%, #0a0f18 50%, #121a27 100%);
}

html[data-theme="daylight"] {
  --fs-bg: #f5f7fb;
  --fs-bg-2: #ffffff;
  --fs-surface: #ffffff;
  --fs-surface-2: #f1f4fa;
  --fs-surface-3: #e7edf7;
  --fs-text: #16202f;
  --fs-muted: rgba(22, 32, 47, 0.62);
  --fs-accent: #1f6dff;
  --fs-accent-2: #14b894;
  --fs-border-color: rgba(18, 32, 52, 0.18);
  --fs-glow: rgba(31, 109, 255, 0.22);
  --fs-gradient: radial-gradient(circle at 12% 8%, rgba(31, 109, 255, 0.12), transparent 45%),
    radial-gradient(circle at 80% 20%, rgba(20, 184, 148, 0.1), transparent 40%),
    linear-gradient(180deg, #f5f7fb 0%, #eef2f7 100%);
}

html[data-theme="aurora"] {
  --fs-bg: #050b0d;
  --fs-bg-2: #0a1518;
  --fs-surface: rgba(9, 20, 24, 0.86);
  --fs-surface-2: rgba(12, 28, 30, 0.92);
  --fs-surface-3: rgba(18, 38, 42, 0.94);
  --fs-text: #e8fffb;
  --fs-muted: rgba(232, 255, 251, 0.7);
  --fs-accent: #53f3d6;
  --fs-accent-2: #7df2a6;
  --fs-border-color: rgba(110, 200, 190, 0.32);
  --fs-glow: rgba(83, 243, 214, 0.4);
  --fs-gradient: radial-gradient(circle at 10% 10%, rgba(83, 243, 214, 0.18), transparent 45%),
    radial-gradient(circle at 85% 15%, rgba(125, 242, 166, 0.14), transparent 40%),
    linear-gradient(160deg, #050b0d 0%, #081216 55%, #0c1a1f 100%);
}

html[data-theme="ember"] {
  --fs-bg: #120805;
  --fs-bg-2: #1a0c07;
  --fs-surface: rgba(28, 12, 8, 0.88);
  --fs-surface-2: rgba(38, 16, 10, 0.92);
  --fs-surface-3: rgba(52, 20, 12, 0.94);
  --fs-text: #fff3e6;
  --fs-muted: rgba(255, 243, 230, 0.7);
  --fs-accent: #ff8a3d;
  --fs-accent-2: #ffd166;
  --fs-border-color: rgba(255, 170, 120, 0.3);
  --fs-glow: rgba(255, 138, 61, 0.35);
  --fs-gradient: radial-gradient(circle at 12% 10%, rgba(255, 138, 61, 0.18), transparent 45%),
    radial-gradient(circle at 80% 18%, rgba(255, 209, 102, 0.12), transparent 40%),
    linear-gradient(160deg, #120805 0%, #180b07 50%, #23110a 100%);
}

html[data-theme="kiosk"] {
  --fs-bg: #04060c;
  --fs-bg-2: #0b0f18;
  --fs-surface: #0f1624;
  --fs-surface-2: #141f31;
  --fs-surface-3: #1a2740;
  --fs-text: #f5f7ff;
  --fs-muted: rgba(245, 247, 255, 0.8);
  --fs-accent: #7bffde;
  --fs-accent-2: #9fd4ff;
  --fs-border-color: rgba(125, 154, 200, 0.45);
  --fs-glow: rgba(123, 255, 222, 0.45);
  --fs-gradient: radial-gradient(circle at 50% 0%, rgba(123, 255, 222, 0.25), transparent 50%),
    linear-gradient(180deg, #04060c 0%, #0a1220 60%, #0f1624 100%);
}

html[data-ui-theme="signal-grid"] {
  --fs-accent: #85f3ff;
  --fs-accent-2: #8fffd2;
  --fs-border-color: rgba(122, 232, 255, 0.38);
  --fs-glow: rgba(133, 243, 255, 0.34);
  --fs-gradient:
    linear-gradient(90deg, rgba(133, 243, 255, 0.08) 0, rgba(133, 243, 255, 0.08) 1px, transparent 1px, transparent 32px),
    linear-gradient(0deg, rgba(143, 255, 210, 0.06) 0, rgba(143, 255, 210, 0.06) 1px, transparent 1px, transparent 32px),
    radial-gradient(circle at 12% 10%, rgba(133, 243, 255, 0.14), transparent 44%),
    linear-gradient(160deg, color-mix(in srgb, var(--fs-bg) 92%, #07111b), color-mix(in srgb, var(--fs-bg-2) 88%, #0c1825));
}

html[data-low-stim="true"] {
  --fs-accent: #9bb4c9;
  --fs-accent-2: #9fbfb4;
  --fs-glow: rgba(155, 180, 201, 0.2);
  --fs-muted: rgba(238, 244, 255, 0.55);
}