/**
 * 10x Medical — Design System Tokens
 * Theme #1: Surgical Precision & Warm Vitality
 * Positioning: Boutique Clinical Engineering & Deterministic Practice Automation
 */

:root {
  /* --------------------------------------------------------------------------
   * 1. SURFACE & CANVAS PALETTE (Warm Editorial Precision)
   * -------------------------------------------------------------------------- */
  --bg-canvas: #F8F7F4;           /* Warm Alabaster — primary page background */
  --bg-surface: #FFFFFF;          /* Pure Ceramic — elevated cards & modules */
  --bg-subtle: #F1EFEA;           /* Stone Wash — secondary containers & wells */
  --bg-glass: rgba(248, 247, 244, 0.86);

  /* Nocturnal Telemetry Surfaces (Used for API/Webhook Inspector & Dark Sections) */
  --bg-ink: #0B1215;              /* Obsidian Slate — high-contrast dark canvas */
  --bg-ink-elevated: #121C21;     /* Surgical Graphite — dark mode card surface */
  --bg-ink-well: #070C0E;         /* Deep Console — code & payload wells */

  /* --------------------------------------------------------------------------
   * 2. TYPOGRAPHY & INK HIERARCHY
   * -------------------------------------------------------------------------- */
  --text-primary: #0B1215;        /* Obsidian Slate — 16.8:1 AAA contrast on canvas */
  --text-secondary: #3F4A4E;      /* Surgical Charcoal — body copy & descriptions */
  --text-muted: #687378;          /* Pewter — metadata, captions, timestamps */
  --text-on-ink: #F8F7F4;         /* Warm Alabaster on dark obsidian surfaces */
  --text-on-ink-muted: #94A3A8;   /* Muted telemetry labels on dark surfaces */

  /* --------------------------------------------------------------------------
   * 3. BRAND & SEMANTIC ACCENTS
   * -------------------------------------------------------------------------- */
  /* Primary Brand: Biometric Emerald (Deterministic execution, verified sync) */
  --emerald-600: #059669;
  --emerald-700: #047857;
  --emerald-500: #10B981;
  --emerald-100: #D1FAE5;
  --emerald-50: #ECFDF5;

  /* Human / ROI Accent: Vitality Terracotta (Time returned to patient care) */
  --terracotta-600: #C84B31;
  --terracotta-500: #E05A47;
  --terracotta-100: #FDECE8;
  --terracotta-50: #FEF6F4;

  /* Partner / EHR Accent: DrChrono Clinical Green-Teal & Guardrail Amber */
  --drchrono-accent: #18A0FB;
  --guardrail-amber: #D97706;
  --guardrail-amber-bg: #FEF3C7;

  /* --------------------------------------------------------------------------
   * 4. STRUCTURAL HAIRLINES & ELEVATION
   * -------------------------------------------------------------------------- */
  --border-hairline: #E4E2DD;     /* Warm Stone 1px structural border */
  --border-strong: #CBC8C0;       /* Emphasized interactive border */
  --border-ink: #22323A;          /* Dark console hairline border */

  --shadow-card: 0 1px 2px rgba(11, 18, 21, 0.04), 0 8px 24px -4px rgba(11, 18, 21, 0.05);
  --shadow-elevated: 0 4px 12px rgba(11, 18, 21, 0.06), 0 20px 40px -12px rgba(11, 18, 21, 0.12);

  /* --------------------------------------------------------------------------
   * 5. TYPOGRAPHY FAMILIES & GEOMETRY
   * -------------------------------------------------------------------------- */
  --font-display: 'Instrument Serif', Georgia, serif;
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  --radius-outer: 14px;
  --radius-inner: 8px;
  --radius-pill: 9999px;

  --ease-surgical: cubic-bezier(0.22, 1, 0.36, 1);
}