/* Tuohy — design tokens, generated from tokens.json. Edit tokens.json, not this file. */
:root, [data-theme="light"] {
  --canvas: #f4f5f2;
  --surface: #ffffff;
  --surface-sunken: #ebede8;
  --line: #d6dad3;
  --line-strong: #858f86;
  --ink: #18211e;
  --ink-muted: #4f5b56;
  --brand: #0e5a61;
  --brand-strong: #0a434a;
  --brand-tint: #e3efee;
  --on-brand: #ffffff;
  --accent: #2b7fbf;
  --accent-tint: #e4f1fa;
  --logo-drop: #9fd8f8;
  --focus: #1f6fd1;
  --danger: #b3261e;
  --danger-tint: #fbe9e7;
  --warning: #8a4a00;
  --warning-tint: #fcf0dc;
  --success: #1a6b45;
  --success-tint: #e4f2ea;
  --info: #1d5c99;
  --info-tint: #e6eef7;
  --on-status: #ffffff;
  --proc-preop: #0f6e6a;
  --proc-epidural: #3b4aa8;
  --proc-surgical: #6b3fa0;
  --proc-delivery: #a2336b;
  --proc-followup: #2e6b2f;
  --proc-complication: var(--danger);
  --proc-remi: #0b6683;
  --proc-bloodpatch: #9a5800;
  --proc-note: #4a5568;
  --on-proc: #ffffff;
  --shadow-1: 0 1px 2px rgba(16, 24, 22, 0.06);
  --shadow-2: 0 6px 20px rgba(16, 24, 22, 0.12);
}
[data-theme="dark"] {
  --canvas: #0f1413;
  --surface: #171d1c;
  --surface-sunken: #0b0f0e;
  --line: #2a3331;
  --line-strong: #6b7773;
  --ink: #e8edeb;
  --ink-muted: #a6b2ad;
  --brand: #5fb8b5;
  --brand-strong: #8fd3cf;
  --brand-tint: #12302f;
  --on-brand: #06201f;
  --accent: #8cc8f2;
  --accent-tint: #12283a;
  --logo-drop: #1b5d96;
  --focus: #8cc2ff;
  --danger: #ff8e86;
  --danger-tint: #3b1a18;
  --warning: #f2b45a;
  --warning-tint: #36260c;
  --success: #6fd3a0;
  --success-tint: #10301f;
  --info: #8ab8ee;
  --info-tint: #142738;
  --on-status: #0b0f0e;
  --proc-preop: #5cc0b8;
  --proc-epidural: #9aa6f2;
  --proc-surgical: #c4a0f0;
  --proc-delivery: #f08cbf;
  --proc-followup: #8fd08a;
  --proc-complication: var(--danger);
  --proc-remi: #6cc6e6;
  --proc-bloodpatch: #f0b45a;
  --proc-note: #a9b4c6;
  --on-proc: #0b0f0e;
  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.5);
  --shadow-2: 0 6px 20px rgba(0, 0, 0, 0.55);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --canvas: #0f1413;
    --surface: #171d1c;
    --surface-sunken: #0b0f0e;
    --line: #2a3331;
    --line-strong: #6b7773;
    --ink: #e8edeb;
    --ink-muted: #a6b2ad;
    --brand: #5fb8b5;
    --brand-strong: #8fd3cf;
    --brand-tint: #12302f;
    --on-brand: #06201f;
    --accent: #8cc8f2;
    --accent-tint: #12283a;
    --logo-drop: #1b5d96;
    --focus: #8cc2ff;
    --danger: #ff8e86;
    --danger-tint: #3b1a18;
    --warning: #f2b45a;
    --warning-tint: #36260c;
    --success: #6fd3a0;
    --success-tint: #10301f;
    --info: #8ab8ee;
    --info-tint: #142738;
    --on-status: #0b0f0e;
    --proc-preop: #5cc0b8;
    --proc-epidural: #9aa6f2;
    --proc-surgical: #c4a0f0;
    --proc-delivery: #f08cbf;
    --proc-followup: #8fd08a;
    --proc-complication: var(--danger);
    --proc-remi: #6cc6e6;
    --proc-bloodpatch: #f0b45a;
    --proc-note: #a9b4c6;
    --on-proc: #0b0f0e;
    --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.5);
    --shadow-2: 0 6px 20px rgba(0, 0, 0, 0.55);
  }
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-pill: 999px;
  --tap: 48px;
  --tabbar-h: 64px;
  --rail-w: 232px;
  --content-max: 1200px;
  --font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}