:root{--s-health-accent: #007AFF;--s-health-accent-600: oklch(51.33% .1819 256.95);--s-health-accent-hover: oklch(45.61% .1597 256.66);--s-kommune-accent: #2F6B4F;--s-kommune-accent-600: oklch(43.12% .0699 161.74);--s-kommune-accent-hover: #265840;--s-kommune-accent-active: #1F4934;--s-accent: var(--s-health-accent);--s-accent-600: var(--s-health-accent-600);--s-accent-hover: var(--s-health-accent-hover);--s-accent-soft: color-mix(in srgb, var(--s-accent) 10%, transparent);--s-accent-ring: var(--s-accent-600);--s-red: #FF3B30;--s-red-text: #B42318;--s-red-text-strong: #7F1D1D;--s-red-soft: rgba(255, 59, 48, .08);--s-red-ring: rgba(255, 59, 48, .25);--s-green: #34C759;--s-green-text: #166534;--s-green-text-strong: #14532D;--s-green-soft: rgba(52, 199, 89, .1);--s-orange: #FF9500;--s-orange-text: #92400E;--s-orange-text-strong: #78350F;--s-orange-soft: rgba(255, 149, 0, .12);--s-teal: #32ADE6;--s-teal-soft: rgba(50, 173, 230, .1);--s-text: #1D1D1F;--s-text-secondary: #6E6E73;--s-text-tertiary: #86868B;--s-bg: #F5F5F7;--s-surface: #FFFFFF;--s-surface-sunken: #FAFAFC;--s-hairline: rgba(60, 60, 67, .1);--s-border: #D2D2D7;--s-border-light: #E8E8ED;--s-radius-sm: 8px;--s-radius-control: 10px;--s-radius: 14px;--s-radius-lg: 18px;--s-radius-modal: 20px;--s-shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--s-shadow-sm: 0 1px 2px rgba(0, 0, 0, .04), 0 2px 8px rgba(0, 0, 0, .05);--s-shadow: 0 2px 6px rgba(0, 0, 0, .05), 0 8px 24px rgba(0, 0, 0, .07);--s-shadow-lg: 0 8px 16px rgba(0, 0, 0, .07), 0 24px 56px rgba(0, 0, 0, .13);--s-ease: cubic-bezier(.25, .1, .25, 1);--s-dur-fast: .16s;--s-dur: .24s;--s-transition: .25s cubic-bezier(.25, .1, .25, 1);--s-font: "Inter Variable", "InterVariable", "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--s-text-xs: 10px;--s-leading-xs: 13px;--s-text-sm: 11px;--s-leading-sm: 14px;--s-text-callout: 12px;--s-leading-callout: 15px;--s-text-ui: 13px;--s-leading-ui: 16px;--s-text-md: 15px;--s-leading-md: 20px;--s-title-3: 17px;--s-leading-title-3: 22px;--s-title-2: 22px;--s-leading-title-2: 26px;--s-title-1: 26px;--s-leading-title-1: 32px;--shell-header-height: 68px;--ds-blue: var(--s-accent);--ds-green: var(--s-green);--ds-red: var(--s-red);--ds-orange: var(--s-orange);--ds-yellow: #FFCC00;--ds-purple: #AF52DE;--ds-pink: #FF2D55;--ds-teal: #5AC8FA;--ds-indigo: #5856D6;--ds-mint: #00C7BE;--ds-cyan: var(--s-teal);--ds-gray-1: #8E8E93;--ds-gray-2: #AEAEB2;--ds-gray-3: #C7C7CC;--ds-gray-4: #D1D1D6;--ds-gray-5: #E5E5EA;--ds-gray-6: #F2F2F7;--ds-bg: var(--s-bg);--ds-surface: var(--s-surface);--ds-surface-raised: var(--s-surface);--ds-text: var(--s-text);--ds-text-secondary: var(--s-text-secondary);--ds-text-tertiary: var(--s-text-tertiary);--ds-border: var(--s-border-light);--ds-divider: var(--s-hairline);--ds-space-1: 4px;--ds-space-2: 8px;--ds-space-3: 12px;--ds-space-4: 16px;--ds-space-5: 20px;--ds-space-6: 24px;--ds-space-8: 32px;--ds-space-10: 40px;--ds-space-12: 48px;--ds-space-16: 64px;--ds-radius-sm: var(--s-radius-sm);--ds-radius-md: var(--s-radius-control);--ds-radius-lg: var(--s-radius);--ds-radius-xl: var(--s-radius-modal);--ds-radius-2xl: 28px;--ds-radius-pill: 9999px;--ds-shadow-xs: var(--s-shadow-xs);--ds-shadow-sm: var(--s-shadow-sm);--ds-shadow-md: var(--s-shadow);--ds-shadow-lg: var(--s-shadow-lg);--ds-text-xs: .75rem;--ds-text-sm: .875rem;--ds-text-base: 1rem;--ds-text-lg: 1.125rem;--ds-text-xl: 1.25rem;--ds-text-2xl: 1.5rem;--ds-text-3xl: 1.875rem;--ds-text-4xl: 2.25rem;--ds-text-5xl: 3rem}