/* Palette: "sky chart" — cool paper, ink navy, spruce for actions, sun amber for "now", plum for meetings.
   One set of tokens; light-dark() switches by color-scheme (system by default, [data-theme] overrides). */
:root {
  color-scheme: light dark;

  --bg: light-dark(#E7EDF1, #0A1219);
  --surface: light-dark(#FAFCFD, #111B24);
  --surface-2: light-dark(#EFF4F7, #182530);
  --surface-3: light-dark(#E3EBF0, #1F2E3B);
  --ink: light-dark(#10202C, #E7EFF4);
  --ink-2: light-dark(#364855, #BCCAD4);
  --muted: light-dark(#53646F, #93A5B2);
  --line: light-dark(#CBD6DE, #263644);
  --line-soft: light-dark(#E0E8ED, #1B2A36);
  --line-strong: light-dark(#728696, #5E7384);

  --accent: light-dark(#0E6E69, #52C5BA);
  --accent-ink: light-dark(#FFFFFF, #04201D);
  --accent-soft: light-dark(#D5EAE8, #15342F);
  --sun: light-dark(#F0B429, #F2BE4B);
  --sun-ink: #1B1400;
  --meet: light-dark(#6B3FA0, #B99CEA);
  --danger: light-dark(#B3261E, #FF8F86);
  --danger-ink: light-dark(#FFFFFF, #2B0705);
  --focus: light-dark(#0B5FD0, #82B6FF);

  --toast-bg: light-dark(#14222E, #E7EFF4);
  --toast-ink: light-dark(#F2F7FA, #0B131A);
  --scrim: rgba(6, 12, 17, 0.52);
  --shadow-lg: 0 18px 50px -12px rgba(6, 16, 26, 0.45), 0 2px 8px rgba(6, 16, 26, 0.18);
  --shadow-sm: 0 6px 20px -8px rgba(6, 16, 26, 0.4);

  --font-ui: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Roboto, "Noto Sans", Arial, sans-serif;
  --font-display: "Segoe UI Variable Display", "Segoe UI Light", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Roboto, sans-serif;

  --r-s: 6px;
  --r-m: 10px;
  --r-l: 16px;

  --hour-h: 56;
  --tabbar-h: 58px;
}

:root[data-theme="light"] { color-scheme: light; }
:root[data-theme="dark"] { color-scheme: dark; }

@media (max-width: 720px) {
  :root { --hour-h: 64; }
}