/* GENERATED FILE — DO NOT EDIT.
   Source: app/assets/design/tokens.json
   SHA-256: 1936c54973421cd0f15f20320785a4aa6f3123e115f69011c99c5074fd818c46 */

:root, html[data-theme="dark"] {
  color-scheme: dark;
  --signal-critical: #FF4D5E;
  --signal-warning: #FFB224;
  --signal-healthy: #34E5A8;
  --signal-info: #22D3EE;
  --signal-on-critical: #FFFFFF;
  --signal-on-info: #04070D;
  --signal-destructive-fill: #FF4D5E;
  --surface-base: #05080F;
  --surface-panel: #0A1018;
  --surface-input: #0B1320;
  --surface-rail: #070C15;
  --surface-raised: #101828;
  --hairline: rgba(120,160,220,0.13);
  --hairline-strong: rgba(120,160,220,0.20);
  --hover-tint: rgba(34,211,238,0.04);
  --text-primary: #E8F0FA;
  --text-secondary: #9FB0C6;
  --text-muted: #7C8DA3;
  --text-disabled: #55647A;
  --text-faint: #3F4E63;
  --env-development: #C8B99A;
  --elevation-overlay: 0 18px 30px -20px rgba(0,0,0,0.9);
  --scrim: rgba(4,7,13,0.62);
  --signal-tint-subtle: 0.06;
  --signal-tint-medium: 0.1;
  --signal-tint-strong: 0.14;
  --env-production: var(--signal-critical);
  --env-staging: var(--signal-warning);
  --font-display: 'Space Grotesk', system-ui, sans-serif;
  --font-sans: 'Barlow', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-sm: 5px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 16px;
  --radius-pill: 999px;
  --motion-instant: 90ms cubic-bezier(.2,0,.4,1);
  --motion-panel: 180ms cubic-bezier(.2,0,.4,1);
  --motion-pulse: 1.4s;
  --motion-sweep: 3.2s;
  --color-success: var(--signal-healthy);
  --color-green: var(--signal-healthy);
  --color-warning: var(--signal-warning);
  --color-amber: var(--signal-warning);
  --color-critical: var(--signal-critical);
  --color-red: var(--signal-critical);
  --color-info: var(--signal-info);
  --color-blue: var(--signal-info);
  --color-blue-bright: var(--signal-info);
  --color-teal-bright: var(--signal-info);
  --color-brand-primary: var(--signal-info);
  --color-teal-deep: var(--signal-info);
  --color-acknowledged: var(--signal-info);
  --color-teal-mid: var(--signal-info);
  --color-teal-light: var(--signal-info);
  --color-cream: var(--text-primary);
  --color-ink: var(--surface-base);
  --color-ink-2: var(--surface-panel);
  --color-ink-3: var(--surface-panel);
  --color-surface: var(--surface-panel);
  --bg-surface: var(--surface-panel);
  --border: var(--hairline);
  --border-subtle: var(--hairline);
  --color-track-subtle: var(--hairline);
  --text-heading: var(--text-primary);
  --text-dim: var(--text-muted);
  --color-text-3: var(--text-muted);
  --color-ink-muted: var(--text-muted);
  --color-disabled: var(--text-disabled);
  --color-sand: var(--env-development);
  --font-serif: var(--font-display);
}

html[data-theme="light"] {
  color-scheme: light;
  --signal-critical: #C4142A;
  --signal-warning: #9A6100;
  --signal-healthy: #0A7A55;
  --signal-info: #0B7C93;
  --signal-on-critical: #FFFFFF;
  --signal-on-info: #FFFFFF;
  --signal-destructive-fill: #D92D3F;
  --surface-base: #F5F7FB;
  --surface-panel: #FFFFFF;
  --surface-input: #FFFFFF;
  --surface-rail: #FFFFFF;
  --surface-raised: #FFFFFF;
  --hairline: rgba(11,18,32,0.10);
  --hairline-strong: rgba(11,18,32,0.16);
  --hover-tint: rgba(11,124,147,0.05);
  --text-primary: #0B1220;
  --text-secondary: #4A5A70;
  --text-muted: #5C6B80;
  --text-disabled: #A3AEBD;
  --text-faint: #5C6B80;
  --env-development: #7A6A45;
  --elevation-overlay: 0 18px 30px -22px rgba(11,18,32,0.35);
  --scrim: rgba(11,18,32,0.38);
  --signal-tint-subtle: 0.06;
  --signal-tint-medium: 0.1;
  --signal-tint-strong: 0.14;
  --env-production: var(--signal-critical);
  --env-staging: var(--signal-warning);
  --font-display: 'Space Grotesk', system-ui, sans-serif;
  --font-sans: 'Barlow', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-sm: 5px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 16px;
  --radius-pill: 999px;
  --motion-instant: 90ms cubic-bezier(.2,0,.4,1);
  --motion-panel: 180ms cubic-bezier(.2,0,.4,1);
  --motion-pulse: 1.4s;
  --motion-sweep: 3.2s;
  --color-success: var(--signal-healthy);
  --color-green: var(--signal-healthy);
  --color-warning: var(--signal-warning);
  --color-amber: var(--signal-warning);
  --color-critical: var(--signal-critical);
  --color-red: var(--signal-critical);
  --color-info: var(--signal-info);
  --color-blue: var(--signal-info);
  --color-blue-bright: var(--signal-info);
  --color-teal-bright: var(--signal-info);
  --color-brand-primary: var(--signal-info);
  --color-teal-deep: var(--signal-info);
  --color-acknowledged: var(--signal-info);
  --color-teal-mid: var(--signal-info);
  --color-teal-light: var(--signal-info);
  --color-cream: var(--text-primary);
  --color-ink: var(--surface-base);
  --color-ink-2: var(--surface-panel);
  --color-ink-3: var(--surface-panel);
  --color-surface: var(--surface-panel);
  --bg-surface: var(--surface-panel);
  --border: var(--hairline);
  --border-subtle: var(--hairline);
  --color-track-subtle: var(--hairline);
  --text-heading: var(--text-primary);
  --text-dim: var(--text-muted);
  --color-text-3: var(--text-muted);
  --color-ink-muted: var(--text-muted);
  --color-disabled: var(--text-disabled);
  --color-sand: var(--env-development);
  --font-serif: var(--font-display);
}

@media print {
  :root {
  color-scheme: light;
  --signal-critical: #C4142A;
  --signal-warning: #9A6100;
  --signal-healthy: #0A7A55;
  --signal-info: #0B7C93;
  --signal-on-critical: #FFFFFF;
  --signal-on-info: #FFFFFF;
  --signal-destructive-fill: #D92D3F;
  --surface-base: #F5F7FB;
  --surface-panel: #FFFFFF;
  --surface-input: #FFFFFF;
  --surface-rail: #FFFFFF;
  --surface-raised: #FFFFFF;
  --hairline: rgba(11,18,32,0.10);
  --hairline-strong: rgba(11,18,32,0.16);
  --hover-tint: rgba(11,124,147,0.05);
  --text-primary: #0B1220;
  --text-secondary: #4A5A70;
  --text-muted: #5C6B80;
  --text-disabled: #A3AEBD;
  --text-faint: #5C6B80;
  --env-development: #7A6A45;
  --elevation-overlay: 0 18px 30px -22px rgba(11,18,32,0.35);
  --scrim: rgba(11,18,32,0.38);
  --signal-tint-subtle: 0.06;
  --signal-tint-medium: 0.1;
  --signal-tint-strong: 0.14;
  --env-production: var(--signal-critical);
  --env-staging: var(--signal-warning);
  --font-display: 'Space Grotesk', system-ui, sans-serif;
  --font-sans: 'Barlow', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-sm: 5px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 16px;
  --radius-pill: 999px;
  --motion-instant: 90ms cubic-bezier(.2,0,.4,1);
  --motion-panel: 180ms cubic-bezier(.2,0,.4,1);
  --motion-pulse: 1.4s;
  --motion-sweep: 3.2s;
  --color-success: var(--signal-healthy);
  --color-green: var(--signal-healthy);
  --color-warning: var(--signal-warning);
  --color-amber: var(--signal-warning);
  --color-critical: var(--signal-critical);
  --color-red: var(--signal-critical);
  --color-info: var(--signal-info);
  --color-blue: var(--signal-info);
  --color-blue-bright: var(--signal-info);
  --color-teal-bright: var(--signal-info);
  --color-brand-primary: var(--signal-info);
  --color-teal-deep: var(--signal-info);
  --color-acknowledged: var(--signal-info);
  --color-teal-mid: var(--signal-info);
  --color-teal-light: var(--signal-info);
  --color-cream: var(--text-primary);
  --color-ink: var(--surface-base);
  --color-ink-2: var(--surface-panel);
  --color-ink-3: var(--surface-panel);
  --color-surface: var(--surface-panel);
  --bg-surface: var(--surface-panel);
  --border: var(--hairline);
  --border-subtle: var(--hairline);
  --color-track-subtle: var(--hairline);
  --text-heading: var(--text-primary);
  --text-dim: var(--text-muted);
  --color-text-3: var(--text-muted);
  --color-ink-muted: var(--text-muted);
  --color-disabled: var(--text-disabled);
  --color-sand: var(--env-development);
  --font-serif: var(--font-display);
}
}