/* SurgX design tokens — light + dark themes */
:root, [data-theme="light"] {
  /* SurgX v2 clinical design system (claude.ai/design source of truth) */
  --bg: #EEF1F4;
  --surface: #FFFFFF;
  --surface-2: #F7F9FB;
  --surface-3: #EFF3F6;
  --ink-900: #0C1722;
  --ink-700: #2B3A47;
  --ink-600: #43525F;
  --ink-500: #647483;
  --ink-400: #8B99A6;
  --ink-300: #AEBAC5;
  --line: #E2E8ED;
  --line-2: #D3DCE3;
  --line-strong: #C2CCD5;
  --accent-600: #0B4A72;
  --accent-700: #093A5A;
  --accent-300: #6FA6C6;
  --accent-100: #D5E6F0;
  --accent-50: #EAF2F7;
  --on-accent: #FFFFFF;
  --verified: #1E8E6A;
  --verified-bg: #E4F3EC;
  --info: #1C6E9C;
  --role-surg: #9E2B3B;
  --role-cst: #0E5A8A;
  --role-fa: #0E7C7B;
  --role-rn: #5E54C4;
  --role-anes: #A8456E;
  --role-rep: #B0741A;
  --role-spd: #2C8A5B;
  --font-display: "Schibsted Grotesk", system-ui, sans-serif;
  --font-ui: "Hanken Grotesk", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 22px;
  --r-pill: 999px;
  --density: 1;
  --s1: calc(4px * var(--density));
  --s2: calc(8px * var(--density));
  --s3: calc(12px * var(--density));
  --s4: calc(16px * var(--density));
  --s5: calc(20px * var(--density));
  --s6: calc(24px * var(--density));
  --s8: calc(32px * var(--density));
  --s10: calc(40px * var(--density));
  --s12: calc(48px * var(--density));
  --shadow-xs: 0 1px 2px rgba(12,23,34,.05);
  --shadow-sm: 0 1px 2px rgba(12,23,34,.06), 0 1px 3px rgba(12,23,34,.05);
  --shadow-md: 0 6px 20px -8px rgba(12,23,34,.18), 0 2px 6px -2px rgba(12,23,34,.08);
  --shadow-lg: 0 20px 48px -16px rgba(12,23,34,.28), 0 6px 16px -8px rgba(12,23,34,.12);
  --ring: 0 0 0 3px var(--accent-100);

  --page-bg: #F6F7F9;
  --card-bg: #FFFFFF;
  --card-bg-soft: #FAFAFB;
  --hairline: #E5E7EB;
  --hairline-strong: #D1D5DB;
  --text-primary: #0F172A;
  --text-secondary: #475569;
  --text-tertiary: #94A3B8;
  --text-mono: #1E293B;
  --accent: #0E5A8A;
  --accent-soft: rgba(14, 90, 138, 0.08);
  --accent-border: rgba(14, 90, 138, 0.32);
  --success: #059669;
  --success-bg: #ECFDF5;
  --warn: #B45309;
  --warn-bg: #FEF3C7;
  --warn-border: #FCD34D;
  --danger: #B91C1C;
  --danger-bg: #FEE2E2;
  --shell-shadow: 0 1px 2px rgba(15,23,42,0.04), 0 8px 24px rgba(15,23,42,0.06);
  --inset-shadow: inset 0 0 0 1px var(--hairline);
}
[data-theme="dark"] {
  --page-bg: #07090D;
  --card-bg: #10141B;
  --card-bg-soft: #141923;
  --hairline: rgba(255,255,255,0.08);
  --hairline-strong: rgba(255,255,255,0.14);
  --text-primary: #F1F5F9;
  --text-secondary: #94A3B8;
  --text-tertiary: #64748B;
  --text-mono: #CBD5E1;
  --accent: #22D3EE;
  --accent-soft: rgba(34, 211, 238, 0.10);
  --accent-border: rgba(34, 211, 238, 0.32);
  --success: #10B981;
  --success-bg: rgba(16,185,129,0.10);
  --warn: #F59E0B;
  --warn-bg: rgba(245,158,11,0.10);
  --warn-border: rgba(245,158,11,0.35);
  --danger: #EF4444;
  --danger-bg: rgba(239,68,68,0.10);
  --shell-shadow: 0 1px 2px rgba(0,0,0,0.4), 0 8px 24px rgba(0,0,0,0.4);
  --inset-shadow: inset 0 0 0 1px var(--hairline);
}

.surgx-shell {
  font-family: var(--font-ui), 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  font-feature-settings: 'cv11', 'ss01', 'ss03';
  background: var(--page-bg);
  color: var(--text-primary);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.mono { font-family: var(--font-mono), 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; font-feature-settings: 'zero', 'ss01'; }