/* themes/daylight.css - Daylight (light) — airy slate + emerald, soft rounded shapes.
   The Daylight theme palette. It is the default theme. */
html.daylight-theme,
body.daylight-theme {
  --bg-color: #f6f7fb;
  --bg-gradient: radial-gradient(1000px 700px at 8% -10%, rgba(16, 185, 129, 0.12), transparent 60%),
    radial-gradient(920px 640px at 112% -2%, rgba(56, 189, 248, 0.16), transparent 55%),
    linear-gradient(180deg, #ffffff 0%, #eef2f9 100%);
  --card-bg: rgba(255, 255, 255, 0.96);
  --card-border: rgba(15, 23, 42, 0.08);
  --timer-warn-peak-color: color-mix(in srgb, #f59e0b 35%, var(--card-bg));
  --text-main: #0f172a; /* slate-900 */
  /* slate-600, deepened from slate-500 (#64748b) on 2026-09-10. Slate-500 measured
     4.76:1 on this palette's card and 4.45:1 on the page field — already UNDER the 4.5:1 a
     paragraph needs on the field, and with so little room on the card that any tinted surface put
     the text under it. Slate-600 reads 7.58:1 and 7.08:1, the same room the dark themes have had
     all along. tests/unit/test_theme_contrast.py holds it there. */
  --text-muted: #475569; /* slate-600 */
  --border-color: #e2e8f0; /* slate-200 */
  --input-bg: #ffffff;
  --primary: #059669; /* slightly deeper emerald reads better on light */
  --primary-hover: #047857;
  --primary-light: rgba(5, 150, 105, 0.12);
  --primary-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%);
  --on-primary: #ffffff;
  /* Daylight was the only theme not defining --secondary, so it inherited midnight's indigo
     (#4f46e5) from that file's :root default — a violet that clashed with the emerald/slate palette
     (e.g. the circuit accent in the plan editor). A clean blue pairs with the emerald primary and
     the sky accents below without reading as violet. */
  --secondary: #2563eb; /* blue-600 */
  --secondary-hover: #1d4ed8; /* blue-700 */
  --secondary-light: rgba(37, 99, 235, 0.1);
  --accent-cyan: #0891b2;
  /* Daylight also left --danger/--success undefined, the same class of bug the --secondary fix
     above was for (tests/unit/test_theme_palette_parity.py) — silently inheriting midnight's
     values worked by coincidence (red/green read fine on a light card too) but --success matching
     --primary here, the way midnight's own success mirrors its primary, is the deliberate choice
     every other theme makes for its own palette. */
  --danger: #dc2626; /* red-600 */
  --danger-hover: #b91c1c; /* red-700 */
  --danger-light: rgba(220, 38, 38, 0.12);
  --success: #059669; /* same emerald as --primary */
  --success-hover: #047857;
  /* Overtime alert — amber-600, the same "-600 for light-bg legibility" step used above for
     danger/primary rather than the plain amber-500 (#f59e0b) other themes default to. */
  --warning: #d97706;
  /* Deeper violet so it stays legible on the light slate field. Future/upcoming reuses the theme's
     own blue accent (--secondary, defined above) instead of amber, per Simon's request. */
  --temporal-past: #7c3aed;
  --session-dot-0: #b45309;
  --session-dot-1: #0369a1;
  --session-dot-2: #be185d;
  --session-dot-3: #4d7c0f;
  --temporal-future: #2563eb;
  --cloud-icon-color: #075985; /* sky-800 dark ocean blue for strong contrast against green arrows and white bar */
  --cloud-arrows-color: #4ade80; /* green-400 bright standard green arrows for 5:1 contrast over dark ocean blue cloud */
  --box-shadow: 0 16px 34px -18px rgba(15, 23, 42, 0.22);
  /* Shape personality — soft and friendly */
  --border-radius-lg: 20px;
  --border-radius-md: 15px;
  --border-radius-sm: 11px;
  --btn-radius: 999px;
}