/*
  HelixPoint Biomedical Lab — Design Tokens
  Modern, clinical, educational design system
*/

:root {
  /* Surface & Background */
  --bg: #F5F8FB;
  --bg-gradient-1: #FBFDFF;
  --bg-gradient-2: #F3F7FA;
  --surface: #FFFFFF;
  --surface-2: #F8FBFD;
  --surface-3: #F0F4F8;
  --surface-translucent: rgba(255, 255, 255, 0.88);
  --surface-glass: rgba(255, 255, 255, 0.78);

  /* Typography & Ink */
  --text: #142033;
  --text-primary: #142033;
  --text-secondary: #59667B;
  --text-muted: #6B7890;
  --text-dim: #8B96A7;
  --text-subtle: #A3B0C2;

  /* Borders & Dividers */
  --border: #DFE7EF;
  --border-subtle: #EBF1F6;
  --border-strong: #CBD6E2;
  --line: #DFE7EF;

  /* Brand Palette (Purple & Teal/Cyan) */
  --brand: #6C5CE7;
  --brand-hover: #5B4BD8;
  --brand-light: #8A7CFF;
  --brand-soft: #EFEDFF;
  --brand-subtle: #F6F5FF;
  --brand-border: #DED8FF;
  --brand-glow: rgba(108, 92, 231, 0.16);

  --brand-2: #16B8C4;
  --brand-2-hover: #12A1AC;
  --brand-2-light: #5BE2EB;
  --brand-2-soft: #E9FBFB;
  --brand-2-subtle: #F2FCFC;
  --brand-2-border: #C8F3F5;
  --brand-2-dark: #127982;

  /* Functional Status Palettes */
  --green: #29A36A;
  --green-hover: #228A59;
  --green-soft: #EAF8F3;
  --green-border: #D0EFE2;
  --green-dark: #1B7047;

  --amber: #D99522;
  --amber-soft: #FEF8EC;
  --amber-border: #FCE6BD;
  --amber-dark: #A36B0B;

  --pink: #D66B9E;
  --pink-soft: #FFF0F6;
  --pink-border: #FCD8E8;
  --pink-dark: #A8386F;

  --red: #E5484D;
  --red-soft: #FDF2F2;
  --red-border: #F9D6D7;
  --red-dark: #B9252A;

  /* Patient Accent Theme Defaults */
  --patient-a: #6C5CE7;
  --patient-a-soft: #F0EDFF;
  --patient-a-border: #D8D2FF;

  --patient-b: #16B8C4;
  --patient-b-soft: #E7FAFA;
  --patient-b-border: #C0F0F2;

  --patient-c: #D66B9E;
  --patient-c-soft: #FFF0F6;
  --patient-c-border: #FBD5E6;

  /* Typography Stack */
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Cascadia Code", Consolas, Menlo, monospace;

  /* Shadows */
  --shadow-sm: 0 4px 14px rgba(31, 47, 70, 0.05);
  --shadow-md: 0 8px 24px rgba(31, 47, 70, 0.07);
  --shadow: 0 18px 48px rgba(31, 47, 70, 0.09);
  --shadow-lg: 0 24px 60px rgba(31, 47, 70, 0.13);
  --shadow-purple: 0 10px 24px rgba(108, 92, 231, 0.22);
  --shadow-teal: 0 10px 24px rgba(22, 184, 196, 0.20);
  --focus: 0 0 0 4px rgba(108, 92, 231, 0.16);
  --focus-teal: 0 0 0 4px rgba(22, 184, 196, 0.18);

  /* Radii */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 26px;
  --radius-pill: 9999px;

  /* Transitions */
  --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 0.22s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}