/* ==========================================================================
   DESIGN SYSTEM — ReserveSprinter
   Source: design-handoff/design_handoff_reservesprinter_redesign/README.md
   Load before main.css.
   ========================================================================== */

:root {
  /* ------------------------------------------------------------------
     Brand blue — the ONLY saturated color.
     Reserve for primary CTAs, active nav, links, focus rings, kickers.
  ------------------------------------------------------------------ */
  --blue-50:  oklch(0.97 0.02 255);
  --blue-100: oklch(0.93 0.05 255);
  --blue-200: oklch(0.85 0.09 255);
  --blue-500: oklch(0.62 0.17 255);
  --blue-600: oklch(0.55 0.19 255);   /* primary */
  --blue-700: oklch(0.48 0.19 255);   /* primary hover */

  /* ------------------------------------------------------------------
     Neutrals
  ------------------------------------------------------------------ */
  --fg:            oklch(0.22 0.01 255);   /* primary text */
  --fg-muted:      oklch(0.48 0.01 255);   /* secondary text */
  --fg-subtle:     oklch(0.62 0.008 255);  /* tertiary / placeholder */
  --bg:            oklch(0.995 0.003 255); /* page bg */
  --bg-alt:        oklch(0.975 0.005 255); /* section / sidebar alt bg */
  --bg-card:       #ffffff;
  --border:        oklch(0.92 0.006 255);
  --border-strong: oklch(0.85 0.008 255);

  /* ------------------------------------------------------------------
     Status — small pills, bars, dots only. Never large filled regions.
  ------------------------------------------------------------------ */
  --green-500: oklch(0.64 0.14 150);
  --amber-500: oklch(0.72 0.14 75);
  --rose-500:  oklch(0.62 0.18 20);

  /* Pill bg tints (10% opacity equivalent) */
  --green-bg:  oklch(0.95 0.04 150);
  --amber-bg:  oklch(0.96 0.04 75);
  --rose-bg:   oklch(0.96 0.04 20);
  --slate-bg:  oklch(0.94 0.005 255);
  --slate-500: oklch(0.55 0.008 255);

  /* ------------------------------------------------------------------
     Category / space colors (Calendar & Equipment chips)
  ------------------------------------------------------------------ */
  --cat-vlc-color:    oklch(0.62 0.17 255);
  --cat-vlc-bg:       oklch(0.95 0.035 255);
  --cat-lib-color:    oklch(0.68 0.14 75);
  --cat-lib-bg:       oklch(0.96 0.04 75);
  --cat-health-color: oklch(0.62 0.13 150);
  --cat-health-bg:    oklch(0.95 0.035 150);
  --cat-obs-color:    oklch(0.62 0.17 295);
  --cat-obs-bg:       oklch(0.95 0.035 295);
  --cat-student-color:oklch(0.62 0.11 200);
  --cat-student-bg:   oklch(0.95 0.03 200);
  --cat-hall-color:   oklch(0.62 0.14 20);
  --cat-hall-bg:      oklch(0.96 0.035 20);

  /* ------------------------------------------------------------------
     Shadows
  ------------------------------------------------------------------ */
  --shadow-sm: 0 1px 2px rgba(18, 23, 45, 0.04);
  --shadow-md: 0 4px 12px -2px rgba(18, 23, 45, 0.08);
  --shadow-lg: 0 20px 40px -12px rgba(18, 23, 45, 0.14);

  /* ------------------------------------------------------------------
     Radius
  ------------------------------------------------------------------ */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;

  /* ------------------------------------------------------------------
     Typography
  ------------------------------------------------------------------ */
  --sans:  'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --serif: 'Newsreader', Georgia, 'Times New Roman', serif;
}

/* ==========================================================================
   DARK MODE TOKEN OVERRIDES
   Flip every design-system token so components using them stay legible.
   ========================================================================== */

[data-bs-theme="dark"] {
  /* Neutrals */
  --fg:            oklch(0.97 0.005 255);   /* near-white body text */
  --fg-muted:      oklch(0.72 0.01  255);   /* secondary text */
  --fg-subtle:     oklch(0.55 0.01  255);   /* placeholder / tertiary */
  --bg:            oklch(0.17 0.01  255);   /* page bg */
  --bg-alt:        oklch(0.20 0.012 255);   /* alternate section bg */
  --bg-card:       oklch(0.22 0.013 255);   /* card surface */
  --border:        oklch(0.28 0.013 255);   /* default border */
  --border-strong: oklch(0.36 0.014 255);   /* emphasis border */

  /* Blue tints — darken so they don't blaze on dark surfaces */
  --blue-50:  oklch(0.22 0.04 255);
  --blue-100: oklch(0.26 0.06 255);
  --blue-200: oklch(0.35 0.10 255);

  /* Status pill bg tints — keep readable on dark cards */
  --green-bg:  oklch(0.24 0.06 150);
  --amber-bg:  oklch(0.24 0.06 75);
  --rose-bg:   oklch(0.24 0.06 20);
  --slate-bg:  oklch(0.26 0.005 255);

  /* Shadows — deeper on dark */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.30);
  --shadow-md: 0 4px 12px -2px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 20px 40px -12px rgba(0, 0, 0, 0.50);
}