:root {
  --bg-oled: #000000;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  --font-digital: "Courier New", Courier, monospace;
  --font-serif: Georgia, Cambria, "Times New Roman", Times, serif;
  --font-rounded: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  --screen-brightness: 1.0;
}

/* 1. Ruby Hearth (~660nm) - Melatonin Safe Free Default */
body[data-spectrum="ruby"] {
  --accent: #ff2222;
  --accent-dim: #7a0909;
  --accent-subtle: #400404;
  --accent-glow: rgba(255, 34, 34, 0.22);
  --accent-glow-aura: rgba(255, 34, 34, 0.08);
  --text-main: #ff5252;
  --text-sub: #b31414;
  --card-bg: rgba(20, 2, 2, 0.88);
  --card-border: rgba(255, 34, 34, 0.24);
}

/* 2. Solaris Amber (~590nm) - Warm Sunset Glow */
body[data-spectrum="amber"] {
  --accent: #ff9900;
  --accent-dim: #7a4600;
  --accent-subtle: #402300;
  --accent-glow: rgba(255, 153, 0, 0.22);
  --accent-glow-aura: rgba(255, 153, 0, 0.08);
  --text-main: #ffb13b;
  --text-sub: #b36b00;
  --card-bg: rgba(22, 13, 1, 0.88);
  --card-border: rgba(255, 153, 0, 0.24);
}

/* 3. Ember Ochre (~610nm) - Warm Terracotta Candle */
body[data-spectrum="ember"] {
  --accent: #ff5e1a;
  --accent-dim: #7a2805;
  --accent-subtle: #3d1402;
  --accent-glow: rgba(255, 94, 26, 0.22);
  --accent-glow-aura: rgba(255, 94, 26, 0.08);
  --text-main: #ff7d45;
  --text-sub: #b33e10;
  --card-bg: rgba(22, 8, 2, 0.88);
  --card-border: rgba(255, 94, 26, 0.24);
}

/* 4. Obsidian Eclipse (~680nm) - Ultra-Low Luminance Bloodwood */
body[data-spectrum="obsidian"] {
  --accent: #b31020;
  --accent-dim: #47060c;
  --accent-subtle: #240205;
  --accent-glow: rgba(179, 16, 32, 0.16);
  --accent-glow-aura: rgba(179, 16, 32, 0.05);
  --text-main: #cc293a;
  --text-sub: #730d17;
  --card-bg: rgba(12, 1, 3, 0.92);
  --card-border: rgba(179, 16, 32, 0.2);
}

/* Clock Font Switcher Classes */
.clock-font-hairline {
  font-family: var(--font-sans);
  font-weight: 200;
  letter-spacing: -2px;
}

.clock-font-digital {
  font-family: var(--font-digital);
  font-weight: 800;
  letter-spacing: 2px;
  text-shadow: 0 0 16px var(--accent-glow);
}

.clock-font-serif {
  font-family: var(--font-serif);
  font-weight: 300;
  letter-spacing: -1px;
}

.clock-font-rounded {
  font-family: var(--font-rounded);
  font-weight: 300;
  letter-spacing: -1px;
  border-radius: 4px;
}