/* themes/nebula.css - Nebula — deep indigo, violet/fuchsia/cyan, crisp shapes */
/* Premium "cosmic tech" dark theme with a rich mesh gradient and tight, crisp corners. */
html.nebula-theme,
body.nebula-theme {
  --bg-color: #0b0a1f;
  --bg-gradient: radial-gradient(1050px 700px at 8% -8%, rgba(139, 92, 246, 0.34), transparent 58%),
    radial-gradient(900px 640px at 114% 4%, rgba(217, 70, 239, 0.24), transparent 55%),
    radial-gradient(840px 720px at 50% 122%, rgba(34, 211, 238, 0.18), transparent 60%);
  --card-bg: rgba(24, 21, 52, 0.9);
  --card-border: rgba(196, 181, 253, 0.16);
  /* Timer flash uses higher amber % (60% vs 35% in other themes) to increase saturation shift
     and perceptual distinctness. At 35%, Nebula's saturation only shifts +3%, making the 1s
     animation feel faster; at 60%, it shifts to +71% saturation, matching other themes' visual
     prominence and reading as a full deliberate blink instead of a quick flicker. */
  --timer-warn-peak-color: color-mix(in srgb, #f59e0b 60%, var(--card-bg));
  --text-main: #ede9fe;
  --text-muted: #a99fd0;
  --border-color: #2a2450;
  --input-bg: #171334;
  --primary: #8b5cf6;
  --primary-hover: #7c3aed;
  --primary-light: rgba(139, 92, 246, 0.18);
  --primary-gradient: linear-gradient(135deg, #8b5cf6 0%, #d946ef 100%);
  --on-primary: #ffffff;
  --secondary: #d946ef;
  --secondary-hover: #c026d3;
  --secondary-light: rgba(217, 70, 239, 0.16);
  --accent-cyan: #22d3ee;
  --danger: #fb7185;
  --danger-hover: #f43f5e;
  --danger-light: rgba(251, 113, 133, 0.16);
  --success: #34d399;
  --success-hover: #10b981;
  /* Overtime alert — a deeper amber-500 than --temporal-future's pale amber-300 below, so an
     active overrun reads as more urgent than a merely-upcoming countdown despite sharing the hue. */
  --warning: #f59e0b;
  /* Light violet past / warm amber future — cool-vs-warm split reads against the indigo field */
  /* Slate, not violet. Every other theme can say "past" in purple because its primary is emerald,
     pink or red — nebula's primary IS violet (#8b5cf6 above), so a violet past card wore the same
     colour as the session being run, and the two stopped being tellable apart (reported 2026-09-10).
     A cooled grey-blue is what "behind you" looks like, and it is the one hue this palette does not
     already spend on something live. */
  --temporal-past: #94a3b8;
  --session-dot-0: #f59e0b;
  --session-dot-1: #38bdf8;
  --session-dot-2: #f472b6;
  --session-dot-3: #a3e635;
  --temporal-future: #fcd34d;
  --cloud-icon-color: #38bdf8; /* sky-400 blue cloud on dark cosmic field */
  --cloud-arrows-color: #052e16; /* green-950 deep forest green arrows for 6.7:1 contrast over light blue cloud */
  --box-shadow: 0 16px 36px -16px rgba(0, 0, 0, 0.66);
  /* Shape personality — crisp, tight */
  --border-radius-lg: 12px;
  --border-radius-md: 9px;
  --border-radius-sm: 6px;
  --btn-radius: 8px;
}