/* Rehab EHR shell tokens. System UI typography; icons via Font Awesome. Bootstrap = grid/forms only. */
:root {
  --font-display: system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-body: system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --bs-body-font-family: var(--font-body);
  --bs-font-sans-serif: var(--font-body);

  /* Design system spacing (see design-system.css) */
  --kam-space-1: 0.25rem;
  --kam-space-2: 0.5rem;
  --kam-space-3: 0.75rem;
  --kam-space-4: 1rem;
  --kam-space-6: 1.5rem;
  --kam-space-8: 2rem;
}

:root[data-md-theme="default"] {
  color-scheme: light;
  /* Dominant cool ink + sharp coral accent (not pink-purple cliché) */
  --md-primary: #d94826;
  --md-primary-rgb: 217, 72, 38;
  --md-secondary: #5c6570;
  --md-body-bg: #e8eaef;
  --md-body-mesh-a: rgba(217, 72, 38, 0.06);
  --md-body-mesh-b: rgba(15, 42, 68, 0.04);
  --md-card-bg: rgba(255, 255, 255, 0.92);
  --md-card-shadow: 0 12px 40px -12px rgba(15, 28, 42, 0.18), 0 4px 14px -6px rgba(15, 28, 42, 0.08);
  --md-sidebar-gradient-start: #0a1628;
  --md-sidebar-gradient-end: #152a45;
  --md-topbar-bg: rgba(255, 255, 255, 0.78);
  --md-topbar-border: rgba(10, 22, 40, 0.08);
  --md-stat-accent: linear-gradient(145deg, #e35d2a 0%, #c23d18 48%, #9e2d14 100%);
  --md-stat-accent-b: linear-gradient(210deg, rgba(255, 255, 255, 0.2), transparent 55%);
}

:root[data-md-theme="dark"] {
  color-scheme: dark;
  --md-primary: #ff8a65;
  --md-primary-rgb: 255, 138, 101;
  --md-secondary: #9aa4b2;
  --md-body-bg: #0f1419;
  --md-body-mesh-a: rgba(255, 138, 101, 0.07);
  --md-body-mesh-b: rgba(80, 120, 200, 0.05);
  --md-card-bg: rgba(28, 36, 48, 0.94);
  --md-card-shadow: 0 20px 50px -20px rgba(0, 0, 0, 0.55);
  --md-sidebar-gradient-start: #05080c;
  --md-sidebar-gradient-end: #101820;
  --md-topbar-bg: rgba(22, 30, 42, 0.85);
  --md-topbar-border: rgba(255, 255, 255, 0.06);
  --md-stat-accent: linear-gradient(145deg, #ff7043 0%, #e64a19 50%, #bf360c 100%);
  --md-stat-accent-b: linear-gradient(200deg, rgba(255, 255, 255, 0.12), transparent 50%);
}

/* Cookie value `colored` = Signature shell: deep teal + ember (not purple-on-white) */
:root[data-md-theme="colored"] {
  color-scheme: light;
  --md-primary: #c2410c;
  --md-primary-rgb: 194, 65, 12;
  --md-secondary: #4c5d5a;
  --md-body-bg: #e4eceb;
  --md-body-mesh-a: rgba(15, 118, 110, 0.09);
  --md-body-mesh-b: rgba(194, 65, 12, 0.05);
  --md-card-bg: rgba(255, 252, 248, 0.94);
  --md-card-shadow: 0 16px 44px -14px rgba(6, 55, 55, 0.22), 0 6px 20px -8px rgba(194, 65, 12, 0.12);
  --md-sidebar-gradient-start: #042f2e;
  --md-sidebar-gradient-end: #115e59;
  --md-topbar-bg: rgba(255, 252, 248, 0.88);
  --md-topbar-border: rgba(15, 118, 110, 0.14);
  --md-stat-accent: linear-gradient(155deg, #0f766e 0%, #0d9488 42%, #b45309 100%);
  --md-stat-accent-b: linear-gradient(220deg, rgba(255, 255, 255, 0.18), transparent 55%);
}