/* Drucare Design System tokens — v2.0.1
 * Auto-generated from src/index.css by scripts/build-design-tokens.mjs.
 * DO NOT EDIT — change the source and re-run `npm run prebuild`.
 */
:root {
  --app-font-scale: 1;
  --background: 220 20% 97%;
  --foreground: 222 25% 12%;
  --card: 0 0% 100%;
  --card-foreground: 222 25% 12%;
  --popover: 0 0% 100%;
  --popover-foreground: 222 25% 12%;
  --primary: 132 58% 42%;
  --primary-foreground: 0 0% 100%;
  --primary-soft: 132 60% 95%;
  --brand-secondary: 218 70% 47%;
  --brand-secondary-foreground: 0 0% 100%;
  --brand-secondary-soft: 218 70% 95%;
  --secondary: 220 16% 94%;
  --secondary-foreground: 222 25% 18%;
  --muted: 220 16% 96%;
  --muted-foreground: 220 14% 28%;
  --accent: 132 60% 95%;
  --accent-foreground: 132 70% 26%;
  --destructive: 0 72% 51%;
  --destructive-foreground: 0 0% 100%;
  --success: 145 63% 42%;
  --success-foreground: 0 0% 100%;
  --warning: 35 92% 50%;
  --warning-foreground: 0 0% 100%;
  --info: 199 89% 48%;
  --info-foreground: 0 0% 100%;
  --phi-mask: 270 50% 60%;
  --phi-mask-foreground: 0 0% 100%;
  --elevated: 218 70% 47%;
  --elevated-foreground: 0 0% 100%;
  --elevated-soft: 218 70% 95%;
  --event-nursing: 280 60% 55%;
  --event-doctor: 132 58% 42%;
  --event-admission: 145 63% 42%;
  --event-surgery: 12 80% 55%;
  --raci-r: var(--primary);
  --raci-r-foreground: var(--primary);
  --raci-a: var(--destructive);
  --raci-a-foreground: var(--destructive);
  --raci-c: var(--warning);
  --raci-c-foreground: 35 92% 28%;
  --raci-i: var(--muted-foreground);
  --raci-i-foreground: var(--muted-foreground);
  --border: 220 16% 91%;
  --border-strong: 220 14% 84%;
  --input: 220 16% 91%;
  --ring: 132 58% 42%;
  --radius: 0.875rem;
  --shadow-sm: 0 1px 2px hsl(220 25% 15% / 0.05);
  --shadow-md: 0 1px 2px hsl(220 25% 15% / 0.05), 0 6px 16px -3px hsl(220 25% 15% / 0.08);
  --shadow-lg: 0 2px 4px hsl(220 25% 15% / 0.06), 0 16px 40px -8px hsl(220 25% 15% / 0.14);
  --shadow-glow: 0 0 0 3px hsl(var(--primary) / 0.18);
  --shadow-selected: 0 0 0 1px hsl(var(--primary) / 0.55), 0 4px 14px -2px hsl(var(--primary) / 0.22), 0 1px 2px hsl(220 25% 15% / 0.06);
  --gradient-primary: linear-gradient(135deg, hsl(var(--primary)) 0%, hsl(var(--primary) / 0.7) 100%);
  --gradient-soft: linear-gradient(180deg, hsl(var(--background)) 0%, hsl(var(--secondary)) 100%);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration-fast: 80ms;
  --duration-base: 150ms;
  --duration-slow: 250ms;
  --transition-base: var(--duration-base) var(--ease-out);
  --transition-spring: var(--duration-base) var(--ease-spring);
  --hover-intent-open: 110ms;
  --hover-intent-open-fast: 30ms;
  --hover-intent-close: 220ms;
  --hover-intent-close-pinned: 90ms;
  --glass-blur: 20px;
  --glass-saturate: 160%;
  --glass-bg: var(--popover);
  --glass-bg-opacity: 0.72;
  --glass-border-opacity: 0.6;
  --text-caption: 11px;
  --text-meta: 11.5px;
  --text-body: 12.5px;
  --text-prose: 13.5px;
  --text-lede: 15px;
  --text-title-3: 17px;
  --text-title-2: 22px;
  --text-title-1: 30px;
  --dob-safe-right: 0px;
  --sidebar-background: 0 0% 100%;
  --sidebar-foreground: 222 25% 18%;
  --sidebar-primary: 132 58% 42%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 220 16% 96%;
  --sidebar-accent-foreground: 222 25% 18%;
  --sidebar-border: 220 15% 90%;
  --sidebar-ring: 132 58% 42%;
  --icon-comms: hsl(218 70% 47%);
  --icon-comms-soft: hsl(218 70% 95%);
  --icon-comms-ring: hsl(218 70% 47% / 0.35);
  --icon-data: hsl(35 92% 50%);
  --icon-data-soft: hsl(35 92% 95%);
  --icon-data-ring: hsl(35 92% 50% / 0.35);
  --icon-task: hsl(145 63% 42%);
  --icon-task-soft: hsl(145 63% 95%);
  --icon-task-ring: hsl(145 63% 42% / 0.35);
  --icon-integration: hsl(270 55% 58%);
  --icon-integration-soft: hsl(270 55% 96%);
  --icon-integration-ring: hsl(270 55% 58% / 0.35);
  --icon-people: hsl(190 70% 42%);
  --icon-people-soft: hsl(190 70% 95%);
  --icon-people-ring: hsl(190 70% 42% / 0.35);
  --icon-alert: hsl(0 72% 51%);
  --icon-alert-soft: hsl(0 72% 96%);
  --icon-alert-ring: hsl(0 72% 51% / 0.35);
  --icon-approval: hsl(132 58% 42%);
  --icon-approval-soft: hsl(132 58% 95%);
  --icon-approval-ring: hsl(132 58% 42% / 0.35);
  --icon-finance: hsl(42 88% 48%);
  --icon-finance-soft: hsl(42 88% 95%);
  --icon-finance-ring: hsl(42 88% 48% / 0.35);
  --icon-time: hsl(258 70% 60%);
  --icon-time-soft: hsl(258 70% 96%);
  --icon-time-ring: hsl(258 70% 60% / 0.35);
  --icon-doc: hsl(220 14% 38%);
  --icon-doc-soft: hsl(220 14% 95%);
  --icon-doc-ring: hsl(220 14% 38% / 0.35);
  --icon-ai: hsl(285 70% 55%);
  --icon-ai-soft: hsl(285 70% 96%);
  --icon-ai-ring: hsl(285 70% 55% / 0.35);
  --icon-iot: hsl(175 65% 38%);
  --icon-iot-soft: hsl(175 65% 95%);
  --icon-iot-ring: hsl(175 65% 38% / 0.35);
  --icon-security: hsl(212 55% 30%);
  --icon-security-soft: hsl(212 55% 95%);
  --icon-security-ring: hsl(212 55% 30% / 0.35);
  --icon-location: hsl(15 78% 52%);
  --icon-location-soft: hsl(15 78% 96%);
  --icon-location-ring: hsl(15 78% 52% / 0.35);
  --icon-neutral: hsl(220 14% 46%);
  --icon-neutral-soft: hsl(220 14% 95%);
  --icon-neutral-ring: hsl(220 14% 46% / 0.35);
}

.dark {
  --background: 222 24% 6%;
  --surface: 222 22% 9%;
  --surface-2: 222 20% 12%;
  --surface-elevated: 222 20% 14%;
  --surface-overlay: 222 22% 16%;
  --separator: 222 16% 18%;
  --separator-opaque: 222 14% 22%;
  --foreground: 220 14% 96%;
  --label-primary: 220 14% 98%;
  --label-secondary: 220 10% 72%;
  --label-tertiary: 220 8% 54%;
  --label-quaternary: 220 6% 38%;
  --card: 222 22% 9%;
  --card-foreground: 220 14% 96%;
  --popover: 222 22% 11%;
  --popover-foreground: 220 14% 96%;
  --primary: 211 100% 60%;
  --primary-foreground: 222 22% 6%;
  --primary-glow: 211 100% 72%;
  --secondary: 222 20% 14%;
  --secondary-foreground: 220 14% 96%;
  --muted: 222 18% 13%;
  --muted-foreground: 220 10% 62%;
  --accent: 173 80% 50%;
  --accent-foreground: 173 100% 6%;
  --success: 142 76% 50%;
  --success-foreground: 0 0% 100%;
  --warning: 38 92% 60%;
  --warning-foreground: 0 0% 100%;
  --info: 199 89% 58%;
  --info-foreground: 0 0% 100%;
  --destructive: 4 82% 60%;
  --destructive-foreground: 0 0% 100%;
  --border: 222 16% 18%;
  --input: 222 16% 18%;
  --ring: 211 100% 60%;
  --code-bg: 222 30% 4%;
  --code-fg: 220 14% 92%;
  --shadow-1: 0 0% 0% / 0.4;
  --shadow-2: 0 0% 0% / 0.3;
  --shadow-3: 0 0% 0% / 0.4;
  --phi-mask: 270 50% 60%;
  --phi-mask-foreground: 0 0% 100%;
  --sidebar-background: 222 26% 5%;
  --sidebar-foreground: 220 12% 78%;
  --sidebar-primary: 211 100% 60%;
  --sidebar-accent: 222 20% 11%;
  --sidebar-border: 222 16% 14%;
  --primary-soft: 132 40% 16%;
  --brand-secondary: 218 75% 60%;
  --brand-secondary-foreground: 0 0% 100%;
  --brand-secondary-soft: 218 50% 18%;
  --elevated: 218 75% 60%;
  --elevated-foreground: 0 0% 100%;
  --elevated-soft: 218 50% 18%;
  --border-strong: 222 18% 26%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent-foreground: 220 14% 96%;
  --sidebar-ring: 211 100% 60%;
  --glass-bg-opacity: 0.78;
  --raci-c-foreground: 35 92% 72%;
  --icon-comms: hsl(218 65% 60%);
  --icon-comms-soft: hsl(218 65% 18%);
  --icon-comms-ring: hsl(218 65% 60% / 0.45);
  --icon-data: hsl(35 87% 62%);
  --icon-data-soft: hsl(35 87% 18%);
  --icon-data-ring: hsl(35 87% 62% / 0.45);
  --icon-task: hsl(145 58% 54%);
  --icon-task-soft: hsl(145 58% 18%);
  --icon-task-ring: hsl(145 58% 54% / 0.45);
  --icon-integration: hsl(270 50% 70%);
  --icon-integration-soft: hsl(270 50% 20%);
  --icon-integration-ring: hsl(270 50% 70% / 0.45);
  --icon-people: hsl(190 65% 54%);
  --icon-people-soft: hsl(190 65% 18%);
  --icon-people-ring: hsl(190 65% 54% / 0.45);
  --icon-alert: hsl(0 67% 63%);
  --icon-alert-soft: hsl(0 67% 20%);
  --icon-alert-ring: hsl(0 67% 63% / 0.45);
  --icon-approval: hsl(132 53% 54%);
  --icon-approval-soft: hsl(132 53% 18%);
  --icon-approval-ring: hsl(132 53% 54% / 0.45);
  --icon-finance: hsl(42 83% 60%);
  --icon-finance-soft: hsl(42 83% 18%);
  --icon-finance-ring: hsl(42 83% 60% / 0.45);
  --icon-time: hsl(258 65% 72%);
  --icon-time-soft: hsl(258 65% 22%);
  --icon-time-ring: hsl(258 65% 72% / 0.45);
  --icon-doc: hsl(220 9% 50%);
  --icon-doc-soft: hsl(220 9% 18%);
  --icon-doc-ring: hsl(220 9% 50% / 0.45);
  --icon-ai: hsl(285 65% 67%);
  --icon-ai-soft: hsl(285 65% 20%);
  --icon-ai-ring: hsl(285 65% 67% / 0.45);
  --icon-iot: hsl(175 60% 50%);
  --icon-iot-soft: hsl(175 60% 18%);
  --icon-iot-ring: hsl(175 60% 50% / 0.45);
  --icon-security: hsl(212 50% 42%);
  --icon-security-soft: hsl(212 50% 16%);
  --icon-security-ring: hsl(212 50% 42% / 0.45);
  --icon-location: hsl(15 73% 64%);
  --icon-location-soft: hsl(15 73% 20%);
  --icon-location-ring: hsl(15 73% 64% / 0.45);
  --icon-neutral: hsl(220 9% 58%);
  --icon-neutral-soft: hsl(220 9% 18%);
  --icon-neutral-ring: hsl(220 9% 58% / 0.45);
}