body[data-theme="night"] {
  --bg-gradient: var(--night-bg);
  --panel-color: var(--night-panel);
  --panel-border: var(--night-border);
  --text-color: var(--night-text);
  --muted: var(--night-muted);
  --accent: var(--night-accent);
  --accent-soft: rgba(255, 215, 0, 0.18);
  --accent-glow: 0 18px 36px rgba(255, 215, 0, 0.28);
  --positive: var(--night-green);
  --positive-soft: rgba(51,167,128,.26);
  --negative: var(--night-red);
  --negative-soft: rgba(222,111,127,.26);
  --warning: var(--night-yellow);
  --chip-bg: rgba(8,16,28,.78);
  --chip-border: rgba(255, 215, 0, 0.22);
  --chip-active: rgba(255, 215, 0, 0.25);
  --glass: rgba(6,14,24,.88);
  --shadow: 0 18px 34px rgba(3,8,16,.55);
  --scroll-track: rgba(255,255,255,.08);
  --scroll-thumb: rgba(255, 215, 0, 0.42);
}

body[data-theme="day"] {
  --bg-gradient: var(--day-bg);
  --panel-color: #FFFFFF;
  --panel-border: #D0D5DD;
  --text-color: #101828;
  --muted: #475467;
  --accent: #2563EB;
  --accent-soft: rgba(37,99,235,.12);
  --accent-glow: 0 10px 24px rgba(16,24,40,.08);
  --positive: #12B76A;
  --positive-soft: rgba(18,183,106,.18);
  --negative: #F04438;
  --negative-soft: rgba(240,68,56,.18);
  --warning: #F79009;
  --chip-bg: #F2F4F7;
  --chip-border: #D0D5DD;
  --chip-active: rgba(37,99,235,.1);
  --glass: rgba(255,255,255,.92);
  --shadow: 0 10px 30px rgba(16,24,40,.08);
  --scroll-track: #E4E7EC;
  --scroll-thumb: #C1C7D0;
}

body[data-theme="day"] header {
  background: #FFFFFF;
  border-bottom: 1px solid #D0D5DD;
  box-shadow: 0 6px 16px rgba(16,24,40,.06);
}

body[data-theme="day"] .account-actions button,
body[data-theme="day"] .account-actions a {
  background: linear-gradient(135deg, #f6f8fb, #e8edf6);
  border: 1px solid #D0D5DD;
  color: #0f172a;
  box-shadow: 0 8px 18px rgba(16,24,40,.12);
}

body[data-theme="day"] .account-actions button.primary {
  background: linear-gradient(135deg, rgba(37,99,235,.16), rgba(59,199,196,.16));
  border-color: color-mix(in srgb, var(--accent) 60%, #D0D5DD 35%);
  color: #0b2c3a;
  box-shadow: 0 10px 22px rgba(37,99,235,.18);
}

body[data-theme="day"] .account-actions button.secondary,
body[data-theme="day"] .account-actions a.secondary {
  background: linear-gradient(135deg, #eef2f7, #e5ebf4);
  color: #111827;
}

body[data-theme="day"] .account-actions button:hover,
body[data-theme="day"] .account-actions a:hover {
  background: linear-gradient(135deg, #ffffff, #eef2f7);
  border-color: color-mix(in srgb, var(--accent) 35%, #D0D5DD 60%);
  box-shadow: 0 14px 26px rgba(16,24,40,.14), 0 0 16px rgba(37,99,235,.16);
}

body[data-theme="day"] .toolbar button,
body[data-theme="day"] .toolbar select,
body[data-theme="day"] .toolbar input {
  background: #FFFFFF;
  border: 1px solid #D0D5DD;
  color: var(--text-color);
  box-shadow: 0 6px 14px rgba(16,24,40,.06);
}

body[data-theme="day"] .tf-trigger {
  background: #FFFFFF;
  border-color: #D0D5DD;
  color: var(--text-color);
  box-shadow: 0 10px 24px rgba(16,24,40,.08);
}

body[data-theme="day"] .tf-menu {
  background: #FFFFFF;
  border-color: #D0D5DD;
  box-shadow: 0 16px 32px rgba(16,24,40,.12);
}

body[data-theme="day"] .tf-item:hover,
body[data-theme="day"] .tf-item:focus-visible {
  background: rgba(37,99,235,.08);
  color: var(--text-color);
}

body[data-theme="day"] .tf-item.active {
  background: rgba(37,99,235,.12);
  color: var(--text-color);
}

body[data-theme="day"] .card {
  --card-border: rgba(110,156,206,.24);
  --card-ambient: rgba(152,194,236,.24);
  --card-shadow: 0 16px 34px rgba(96,142,196,.18);
  background: linear-gradient(164deg, rgba(249,252,255,.96), rgba(232,240,252,.92));
  border: 1px solid color-mix(in srgb, var(--card-border) 70%, rgba(198,220,244,.6));
  box-shadow: var(--card-shadow);
  backdrop-filter: blur(12px) saturate(130%);
}

body[data-theme="day"] .card:hover {
  border-color: color-mix(in srgb, var(--card-border) 68%, rgba(42,125,191,.24));
}

body[data-theme="day"] .card[data-stage="candidate"] {
  --card-shadow: 0 18px 40px rgba(96,142,196,.2);
}

body[data-theme="day"] .card[data-stage="signal"] {
  --card-shadow: 0 20px 44px rgba(96,142,196,.24);
}

body[data-theme="day"] .card.completed-tp {
  --card-shadow: 0 18px 42px rgba(80,144,118,.22);
}

body[data-theme="day"] .card.completed-sl {
  --card-shadow: 0 18px 42px rgba(176,102,118,.22);
}

body[data-theme="day"] .card-head {
  background: linear-gradient(160deg, rgba(244,249,255,.96), rgba(230,240,252,.92));
  border: 1px solid rgba(126,172,220,.24);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.5);
}

body[data-theme="day"] .chart-shell {
  background: linear-gradient(170deg, rgba(249,252,255,.96), rgba(232,240,252,.92));
  border: 1px solid rgba(126,172,220,.24);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.42);
  backdrop-filter: blur(12px) saturate(125%);
}

body[data-theme="day"] .chart-wrapper {
  background: linear-gradient(174deg, rgba(244,248,255,.95), rgba(226,235,248,.9));
  border: 1px solid rgba(126,172,220,.24);
}

body[data-theme="day"] .chart-wrapper > canvas.overlay {
  filter: none;
}

body[data-theme="day"] .chart-radar {
  mix-blend-mode: multiply;
  opacity: .24;
  background:
    radial-gradient(circle at 50% 48%, color-mix(in srgb, var(--card-radar-sweep, rgba(42,125,191,.18)) 55%, transparent) 0%, transparent 72%),
    radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--card-radar-glow, rgba(42,125,191,.14)) 45%, transparent) 0%, transparent 90%);
  border: 1px solid color-mix(in srgb, var(--card-radar-sweep, rgba(42,125,191,.18)) 32%, transparent);
}

body[data-theme="day"] .chart-radar[data-stage="signal"] {
  opacity: .3;
}

body[data-theme="day"] .chart-radar[data-highlight="true"] {
  opacity: .38;
}

body[data-theme="day"] .details {
  background: rgba(237,245,255,.82);
  border: 1px solid rgba(46,112,172,.2);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.58);
}

body[data-theme="day"] .details strong {
  color: rgba(35,86,134,.88);
}

body[data-theme="day"] .progress {
  --progress-bg: linear-gradient(120deg, rgba(236,244,255,.9), rgba(31,120,214,.16));
  --progress-border: rgba(46,112,172,.26);
  --progress-text: rgba(27,76,126,.85);
  background: var(--progress-bg);
  border: 1px solid var(--progress-border);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.52);
}

body[data-theme="day"] .toast {
  background: rgba(245,249,255,.94);
  color: #163a5a;
}

body[data-theme="day"] .stats-grid .stat {
  background: rgba(240,246,255,.82);
}

body[data-theme="day"] table th,
body[data-theme="day"] table td {
  border-bottom: 1px solid rgba(36,92,152,.16);
}

body[data-theme="day"] .card-tools button {
  background: rgba(255,255,255,.86);
  color: #1c4c7c;
  border: 1px solid rgba(126,172,220,.24);
}