/* Tri-Cities Calendar — dark theme. Mirror of themes/light.css with dark
   palette values; see that file's header comment for the white-label
   pattern this pair establishes. Kept variable-only (no layout CSS) so
   swapping the active <link> only triggers a repaint, not a reflow. */
:root {
  --text: #d6e4ef;
  --text-h: #ffffff;
  --bg: #07121f;
  --bg-rgb: 7, 18, 31;
  --border: #182d41;
  --code-bg: #102037;
  --surface: #0f2438;
  --text-muted: #9fb8cf;
  --accent: #82C6E2;
  --accent-text: #fff;
  --accent-active-border: #82C6E2;
  --accent-active-text: #fff;
  --accent-bg: rgba(130, 198, 226, 0.2);
  --accent-border: rgba(130, 198, 226, 0.45);
  /* --accent-rgb and --accent-shade intentionally stay the light-mode brand
     blue in both themes: the header, scroll-to-top button, spinner track, and
     submit-button hover they drive were always this fixed navy in the old
     code (never had a dark-mode variant) — matching --accent's dark value
     here would repaint the header pale cyan in dark mode, a regression. */
  --accent-rgb: 0, 86, 145;
  --accent-shade: #004a7c;
  --accent-secondary: #1a7abf;
  --accent-secondary-border: #1a7abf;
  --accent-secondary-shade: #1568a3;
  --accent-secondary-text: #fff;
  --social-bg: rgba(16, 40, 56, 0.55);
  --shadow: rgba(0, 0, 0, 0.45) 0 5px 10px -3px, rgba(0, 0, 0, 0.3) 0 4px 6px -2px;

  /* Header background is its own token (not --accent-rgb, which stays fixed for
     the scroll-to-top button/spinner) so dark mode can go noticeably darker here
     without also darkening those other accent-colored elements. */
  --header-bg-rgb: 0, 25, 45;
  /* Noticeably darker than light.css's --menu-bg, so the two themes' header-menu
     dropdowns read as visually distinct rather than nearly identical. */
  --menu-bg: rgba(0, 18, 32, 0.98);
  --menu-text: #fff;
  --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: dark;
}