/* Tri-Cities Calendar — light theme. Every visual token the app uses lives in
   this file as a plain :root custom-property block (no layout/structural CSS,
   so swapping the active <link> only triggers a repaint, not a reflow — see
   App.tsx's theme-switching effect). To white-label the app, copy this file,
   change the values, and point index.html's #theme-stylesheet <link> at the
   copy's URL. */
:root {
  --text: #34492B;
  --text-h: #1C2F44;
  --bg: #FBF3E5;
  --bg-rgb: 251, 243, 229;
  --border: #C8B19B;
  --code-bg: #EFE1CF;
  --surface: #FDF9F0;
  --text-muted: #6B7C88;
  --accent: #005691;
  --accent-text: #fff;
  --accent-active-border: #005691;
  --accent-active-text: #fff;
  --accent-rgb: 0, 86, 145;
  --accent-bg: rgba(0, 86, 145, 0.12);
  --accent-border: rgba(0, 86, 145, 0.35);
  --accent-shade: #004a7c;
  --accent-secondary: #1a7abf;
  --accent-secondary-border: #1a7abf;
  --accent-secondary-shade: #1568a3;
  --accent-secondary-text: #fff;
  --social-bg: rgba(130, 198, 226, 0.14);
  --shadow: 1px 1px 3px rgba(0, 86, 145, 0.5);

  --header-bg-rgb: 0, 86, 145;
  /* Noticeably lighter/brighter than dark.css's --menu-bg, so the two themes'
     header-menu dropdowns read as visually distinct rather than nearly identical. */
  --menu-bg: rgba(25, 110, 175, 0.98);
  --menu-text: #fff;
  /* Header title/tagline sit on the always-navy header bar, not the page --bg,
     so they get their own tokens rather than reusing --text-h/--text-muted
     (which are tuned for the light --bg and were unreadable here). */
  --header-title: #fff;
  --header-subtitle: rgba(255, 255, 255, 0.8);
  --header-hairline: rgba(255, 255, 255, 0.12);
  --menu-hover-bg: rgba(255, 255, 255, 0.1);
  --menu-divider: rgba(255, 255, 255, 0.15);
  --menu-border: rgba(255, 255, 255, 0.25);
  --menu-active-bg: rgba(255, 255, 255, 0.22);
  --menu-border-strong: rgba(255, 255, 255, 0.5);

  --color-danger: #dc2626;
  --color-danger-bg: rgba(220, 38, 38, 0.12);
  --color-danger-border: rgba(220, 38, 38, 0.3);
  --color-warning: #d97706;
  --color-warning-bg: rgba(234, 179, 8, 0.12);
  --color-warning-border: rgba(234, 179, 8, 0.35);
  --color-success: #2d8a4e;
  --color-ended: #9b3a6b;
  --color-weekend: #1a8fe0;

  --category-active-bg: rgba(184, 142, 66, 0.22);
  --category-active-border: rgba(184, 142, 66, 0.6);
  --category-hover-bg: rgba(235, 204, 145, 0.14);
  --category-active-text: #5B3F12;

  --transition: 0.15s ease;
  --live-pulse-duration: 1.5s;
  --spinner-duration: 0.8s;

  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  color-scheme: light;
}