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(0,245,213,.24);
  --accent-glow: 0 18px 40px rgba(0,255,213,.32);
  --positive: var(--night-green);
  --positive-soft: rgba(24,214,127,.26);
  --negative: var(--night-red);
  --negative-soft: rgba(255,90,107,.26);
  --warning: var(--night-yellow);
  --chip-bg: rgba(8,14,26,.74);
  --chip-border: rgba(0,255,213,.22);
  --chip-active: rgba(0,255,213,.32);
  --glass: rgba(6,14,24,.85);
  --shadow: 0 24px 58px rgba(0,0,0,.55);
  --scroll-track: rgba(255,255,255,.08);
  --scroll-thumb: rgba(0,245,213,.32);
}

body[data-theme="day"] {
  --bg-gradient: var(--day-bg);
  --panel-color: var(--day-panel);
  --panel-border: var(--day-border);
  --text-color: var(--day-text);
  --muted: var(--day-muted);
  --accent: var(--day-accent);
  --accent-soft: rgba(11,122,214,.18);
  --accent-glow: 0 18px 40px rgba(11,122,214,.26);
  --positive: var(--day-green);
  --positive-soft: rgba(26,159,104,.22);
  --negative: var(--day-red);
  --negative-soft: rgba(223,62,86,.22);
  --warning: var(--day-yellow);
  --chip-bg: rgba(235,243,255,.9);
  --chip-border: rgba(36,92,152,.2);
  --chip-active: rgba(31,120,214,.32);
  --glass: rgba(245,249,255,.92);
  --shadow: 0 18px 44px rgba(28,74,126,.18);
  --scroll-track: rgba(0,0,0,.08);
  --scroll-thumb: rgba(11,122,214,.3);
}

body[data-theme="day"] header {
  background: linear-gradient(180deg, rgba(246,250,255,.94), rgba(246,250,255,.82));
  box-shadow: 0 12px 32px rgba(28,74,126,.16);
}

body[data-theme="day"] .toolbar button,
body[data-theme="day"] .toolbar select,
body[data-theme="day"] .toolbar input {
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(46,112,172,.22);
  color: var(--text-color);
}

body[data-theme="day"] .card {
  --card-border: rgba(46,112,172,.22);
  --card-ambient: rgba(46,144,220,.22);
  --card-shadow: 0 18px 46px rgba(46,104,168,.18);
  background:
    radial-gradient(circle at 20% -8%, color-mix(in srgb, rgba(46,144,220,.28) 85%, transparent) 0%, transparent 64%),
    radial-gradient(circle at 92% -4%, color-mix(in srgb, rgba(46,144,220,.16) 65%, transparent) 0%, transparent 74%),
    linear-gradient(165deg, rgba(248,252,255,.92), rgba(228,238,255,.88) 46%, rgba(216,230,247,.9));
  border: 1px solid var(--card-border);
  box-shadow: var(--card-shadow), inset 0 0 0 1px rgba(255,255,255,.52), 0 0 var(--card-glow-spread) var(--card-glow-color);
  backdrop-filter: blur(18px) saturate(140%);
}

body[data-theme="day"] .card::before {
  background: radial-gradient(circle at 28% 32%, color-mix(in srgb, rgba(46,144,220,.24) 78%, transparent), transparent 68%);
  opacity: .42;
}

body[data-theme="day"] .card::after {
  background: linear-gradient(140deg, rgba(255,255,255,.45), transparent 62%);
  opacity: .72;
}

body[data-theme="day"] .card:hover {
  border-color: color-mix(in srgb, var(--card-border) 60%, rgba(31,120,214,.32));
}

body[data-theme="day"] .card[data-stage="candidate"] {
  --card-shadow: 0 22px 54px rgba(46,104,168,.22);
}

body[data-theme="day"] .card[data-stage="signal"] {
  --card-shadow: 0 26px 64px rgba(46,104,168,.26);
}

body[data-theme="day"] .card.completed-tp {
  --card-shadow: 0 24px 60px rgba(64,142,108,.25);
}

body[data-theme="day"] .card.completed-sl {
  --card-shadow: 0 24px 60px rgba(184,74,102,.25);
}

body[data-theme="day"] .card-head {
  background: linear-gradient(135deg, rgba(236,244,255,.92), rgba(222,235,255,.82));
  border: 1px solid rgba(46,112,172,.22);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.55), 0 16px 32px rgba(52,104,168,.18);
}

body[data-theme="day"] .chart-shell {
  background: linear-gradient(182deg, rgba(246,250,255,.92), rgba(224,235,252,.88));
  border: 1px solid rgba(46,112,172,.22);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.45), 0 18px 36px rgba(52,104,168,.18);
  backdrop-filter: blur(16px) saturate(135%);
}

body[data-theme="day"] .chart-shell::before {
  background: linear-gradient(140deg, rgba(46,144,220,.22), transparent 70%);
}

body[data-theme="day"] .chart-shell::after {
  background: linear-gradient(150deg, rgba(46,144,220,.16), transparent 68%);
}

body[data-theme="day"] .chart-wrapper {
  background:
    radial-gradient(circle at 16% -8%, rgba(46,144,220,.16), transparent 60%),
    linear-gradient(182deg, rgba(246,250,255,.92), rgba(224,235,252,.88));
  border: 1px solid rgba(46,112,172,.22);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.5);
  backdrop-filter: blur(18px) saturate(135%);
}

body[data-theme="day"] .chart-wrapper > canvas.overlay {
  mix-blend-mode: multiply;
  filter: drop-shadow(0 8px 20px rgba(52,104,168,.18));
}

body[data-theme="day"] .chart-radar {
  mix-blend-mode: multiply;
  opacity: .24;
  background:
    radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--card-radar-sweep, rgba(31,120,214,.18)) 55%, transparent) 0%, transparent 70%),
    radial-gradient(circle at 50% 46%, color-mix(in srgb, var(--card-radar-glow, rgba(31,120,214,.16)) 45%, transparent) 0%, transparent 90%);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--card-radar-sweep, rgba(31,120,214,.18)) 35%, transparent);
  backdrop-filter: blur(10px) saturate(125%);
}

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

body[data-theme="day"] .chart-radar[data-highlight="true"] {
  opacity: .42;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--card-radar, rgba(31,120,214,.34)) 45%, transparent),
    0 0 32px color-mix(in srgb, var(--card-radar-glow, rgba(31,120,214,.24)) 42%, transparent);
}

body[data-theme="day"] .chart-radar__canvas {
  mix-blend-mode: multiply;
}

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(46,112,172,.22);
}