/* Alert Enterprise tokens 0.2.0. GENERATED by tokens/build.mjs from tokens/src/tokens.mjs. Do not edit. */

:root {
  color-scheme: light;
  --ae-purple-50: #F1EFFC;
  --ae-purple-100: #E4E0FA;
  --ae-purple-200: #C7BFF4;
  --ae-purple-300: #A99EEE;
  --ae-purple-400: #8B7DE8;
  --ae-purple-500: #5F51D5;
  --ae-purple-600: #4A3EC1;
  --ae-purple-700: #3A2FA0;
  --ae-purple-800: #2B2478;
  --ae-purple-900: #1B174D;
  --ae-purple-950: #0E0B2E;
  --ae-coral-50: #FFF0ED;
  --ae-coral-100: #FFDDD5;
  --ae-coral-200: #FFB8A8;
  --ae-coral-300: #FF8F7A;
  --ae-coral-400: #FF6B4E;
  --ae-coral-500: #FF5233;
  --ae-coral-600: #F9423A;
  --ae-coral-700: #D02F1F;
  --ae-coral-800: #A3240F;
  --ae-coral-900: #6B1A0C;
  --ae-ink-0: #FFFFFF;
  --ae-ink-50: #F6F6F8;
  --ae-ink-100: #ECECEF;
  --ae-ink-200: #D9D9D9;
  --ae-ink-300: #B5B5BE;
  --ae-ink-400: #8A8A96;
  --ae-ink-500: #5A5A68;
  --ae-ink-600: #3B3B47;
  --ae-ink-700: #262626;
  --ae-ink-800: #1A1A24;
  --ae-ink-900: #111118;
  --ae-ink-950: #0A0A12;
  --ae-green-50: #E8F6F0;
  --ae-green-100: #C9EBDD;
  --ae-green-500: #1F9D6E;
  --ae-green-600: #17825B;
  --ae-green-700: #106446;
  --ae-amber-50: #FEF6E7;
  --ae-amber-100: #FCE8BF;
  --ae-amber-500: #F2B341;
  --ae-amber-600: #C98A14;
  --ae-amber-700: #8F600A;
  --ae-red-50: #FDECEF;
  --ae-red-100: #F9CFD7;
  --ae-red-500: #E0425C;
  --ae-red-600: #C22A45;
  --ae-red-700: #951C33;
  --ae-blue-50: #EBF2FE;
  --ae-blue-100: #CFE0FD;
  --ae-blue-500: #4A8BF5;
  --ae-blue-600: #2F6FDB;
  --ae-blue-700: #2253A8;
  --ae-purple-tint-80: #7F74DD;
  --ae-purple-tint-60: #9F97E6;
  --ae-purple-tint-40: #BFB9EE;
  --ae-purple-tint-20: #DFDCF7;
  --ae-coral-tint-80: #FF755C;
  --ae-coral-tint-60: #FF9785;
  --ae-coral-tint-40: #FFBAAD;
  --ae-coral-tint-20: #FFDCD6;
  --ae-ink-tint-80: #515151;
  --ae-ink-tint-60: #7D7D7D;
  --ae-ink-tint-40: #A8A8A8;
  --ae-ink-tint-20: #D4D4D4;
  --ae-gradient-ember: radial-gradient(120% 140% at 100% 0%, #FF6B4E 0%, rgba(255,107,78,0) 55%), radial-gradient(90% 120% at 0% 100%, #C2327A 0%, rgba(194,50,122,0) 60%), #F9423A;
  --ae-gradient-dusk: radial-gradient(80% 110% at 0% 0%, #6B5BE6 0%, rgba(107,91,230,0) 60%), radial-gradient(90% 120% at 100% 100%, #FF5233 0%, rgba(255,82,51,0) 58%), #7B45C4;
  --ae-gradient-violet: radial-gradient(90% 120% at 20% 0%, #7A6CF0 0%, rgba(122,108,240,0) 60%), radial-gradient(80% 100% at 100% 100%, #3A2FA0 0%, rgba(58,47,160,0) 65%), #5F51D5;
  --ae-gradient-lilac: radial-gradient(70% 90% at 10% 0%, #C7BFF4 0%, rgba(199,191,244,0) 60%), radial-gradient(60% 80% at 100% 100%, #FFDDD5 0%, rgba(255,221,213,0) 60%), #F1EFFC;
  --ae-gradient-night: radial-gradient(80% 60% at 50% 0%, rgba(95,81,213,0.55) 0%, rgba(95,81,213,0) 70%), radial-gradient(60% 50% at 100% 100%, rgba(249,66,58,0.22) 0%, rgba(249,66,58,0) 70%), #0E0B2E;
  --ae-gradient-mesh: radial-gradient(60% 70% at 12% 18%, rgba(122,108,240,0.85) 0%, rgba(122,108,240,0) 60%), radial-gradient(50% 60% at 88% 12%, rgba(255,107,78,0.70) 0%, rgba(255,107,78,0) 60%), radial-gradient(55% 65% at 78% 88%, rgba(194,50,122,0.55) 0%, rgba(194,50,122,0) 62%), radial-gradient(60% 60% at 20% 95%, rgba(74,62,193,0.75) 0%, rgba(74,62,193,0) 60%), #0E0B2E;
  --ae-gradient-aurora: radial-gradient(55% 65% at 10% 10%, rgba(199,191,244,0.95) 0%, rgba(199,191,244,0) 62%), radial-gradient(45% 55% at 90% 15%, rgba(255,184,168,0.80) 0%, rgba(255,184,168,0) 60%), radial-gradient(55% 60% at 85% 90%, rgba(169,158,238,0.70) 0%, rgba(169,158,238,0) 62%), #F7F6FD;
  --ae-gradient-signal: radial-gradient(100% 120% at 0% 0%, #FF8F7A 0%, rgba(255,143,122,0) 55%), radial-gradient(90% 110% at 100% 100%, #D02F1F 0%, rgba(208,47,31,0) 60%), #FF5233;
  --ae-font-display: 'Aeonik', 'DM Sans', system-ui, sans-serif;
  --ae-font-text: 'Aeonik', 'DM Sans', system-ui, sans-serif;
  --ae-font-mono: 'DM Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --ae-weight-light: 300;
  --ae-weight-regular: 400;
  --ae-weight-bold: 700;
  --ae-type-hero-size: 7rem;
  --ae-type-hero-line: 0.94;
  --ae-type-hero-weight: 700;
  --ae-type-hero-tracking: -0.045em;
  --ae-type-hero: 700 7rem/0.94 var(--ae-font-display);
  --ae-type-display-xl-size: 5rem;
  --ae-type-display-xl-line: 1;
  --ae-type-display-xl-weight: 700;
  --ae-type-display-xl-tracking: -0.035em;
  --ae-type-display-xl: 700 5rem/1 var(--ae-font-display);
  --ae-type-display-size: 4rem;
  --ae-type-display-line: 1.02;
  --ae-type-display-weight: 700;
  --ae-type-display-tracking: -0.03em;
  --ae-type-display: 700 4rem/1.02 var(--ae-font-display);
  --ae-type-h1-size: 3rem;
  --ae-type-h1-line: 1.06;
  --ae-type-h1-weight: 700;
  --ae-type-h1-tracking: -0.025em;
  --ae-type-h1: 700 3rem/1.06 var(--ae-font-display);
  --ae-type-h2-size: 2.25rem;
  --ae-type-h2-line: 1.12;
  --ae-type-h2-weight: 700;
  --ae-type-h2-tracking: -0.02em;
  --ae-type-h2: 700 2.25rem/1.12 var(--ae-font-display);
  --ae-type-h3-size: 1.75rem;
  --ae-type-h3-line: 1.18;
  --ae-type-h3-weight: 700;
  --ae-type-h3-tracking: -0.015em;
  --ae-type-h3: 700 1.75rem/1.18 var(--ae-font-display);
  --ae-type-h4-size: 1.375rem;
  --ae-type-h4-line: 1.25;
  --ae-type-h4-weight: 700;
  --ae-type-h4-tracking: -0.01em;
  --ae-type-h4: 700 1.375rem/1.25 var(--ae-font-display);
  --ae-type-subhead-size: 1.25rem;
  --ae-type-subhead-line: 1.35;
  --ae-type-subhead-weight: 400;
  --ae-type-subhead-tracking: -0.005em;
  --ae-type-subhead: 400 1.25rem/1.35 var(--ae-font-text);
  --ae-type-body-lg-size: 1.125rem;
  --ae-type-body-lg-line: 1.5;
  --ae-type-body-lg-weight: 400;
  --ae-type-body-lg-tracking: 0em;
  --ae-type-body-lg: 400 1.125rem/1.5 var(--ae-font-text);
  --ae-type-body-size: 1rem;
  --ae-type-body-line: 1.5;
  --ae-type-body-weight: 400;
  --ae-type-body-tracking: 0em;
  --ae-type-body: 400 1rem/1.5 var(--ae-font-text);
  --ae-type-body-sm-size: 0.875rem;
  --ae-type-body-sm-line: 1.45;
  --ae-type-body-sm-weight: 400;
  --ae-type-body-sm-tracking: 0em;
  --ae-type-body-sm: 400 0.875rem/1.45 var(--ae-font-text);
  --ae-type-caption-size: 0.75rem;
  --ae-type-caption-line: 1.4;
  --ae-type-caption-weight: 400;
  --ae-type-caption-tracking: 0.005em;
  --ae-type-caption: 400 0.75rem/1.4 var(--ae-font-text);
  --ae-type-eyebrow-size: 0.75rem;
  --ae-type-eyebrow-line: 1.2;
  --ae-type-eyebrow-weight: 700;
  --ae-type-eyebrow-tracking: 0.12em;
  --ae-type-eyebrow: 700 0.75rem/1.2 var(--ae-font-text);
  --ae-type-label-size: 0.875rem;
  --ae-type-label-line: 1.2;
  --ae-type-label-weight: 700;
  --ae-type-label-tracking: 0em;
  --ae-type-label: 700 0.875rem/1.2 var(--ae-font-text);
  --ae-type-code-size: 0.8125rem;
  --ae-type-code-line: 1.5;
  --ae-type-code-weight: 400;
  --ae-type-code-tracking: 0em;
  --ae-type-code: 400 0.8125rem/1.5 var(--ae-font-mono);
  --ae-space-0: 0;
  --ae-space-1: 4px;
  --ae-space-2: 8px;
  --ae-space-3: 12px;
  --ae-space-4: 16px;
  --ae-space-5: 20px;
  --ae-space-6: 24px;
  --ae-space-8: 32px;
  --ae-space-10: 40px;
  --ae-space-12: 48px;
  --ae-space-16: 64px;
  --ae-space-20: 80px;
  --ae-space-24: 96px;
  --ae-space-32: 128px;
  --ae-space-px: 1px;
  --ae-space-0_5: 2px;
  --ae-radius-none: 0;
  --ae-radius-xs: 4px;
  --ae-radius-sm: 6px;
  --ae-radius-md: 8px;
  --ae-radius-lg: 12px;
  --ae-radius-xl: 16px;
  --ae-radius-2xl: 24px;
  --ae-radius-pill: 999px;
  --ae-shape-shield: 6% 6% 70% 6% / 7% 7% 78% 7%;
  --ae-shape-shield-soft: 8px 8px 40% 8px / 8px 8px 45% 8px;
  --ae-shape-shield-flip: 6% 70% 6% 6% / 7% 78% 7% 7%;
  --ae-layout-columns: 12;
  --ae-layout-gutter: clamp(16px, 2.5vw, 32px);
  --ae-layout-margin: clamp(16px, 5vw, 80px);
  --ae-layout-width-prose: 68ch;
  --ae-layout-width-content: 1120px;
  --ae-layout-width-wide: 1440px;
  --ae-bp-sm: 480px;
  --ae-bp-md: 768px;
  --ae-bp-lg: 1024px;
  --ae-bp-xl: 1280px;
  --ae-bp-2xl: 1536px;
  --ae-elevation-0: none;
  --ae-elevation-1: 0 1px 2px rgba(14, 11, 46, 0.06), 0 1px 3px rgba(14, 11, 46, 0.08);
  --ae-elevation-2: 0 2px 4px rgba(14, 11, 46, 0.05), 0 6px 16px rgba(14, 11, 46, 0.08);
  --ae-elevation-3: 0 4px 8px rgba(14, 11, 46, 0.06), 0 16px 32px rgba(14, 11, 46, 0.12);
  --ae-elevation-4: 0 8px 16px rgba(14, 11, 46, 0.08), 0 32px 64px rgba(14, 11, 46, 0.18);
  --ae-elevation-brand: 0 8px 24px rgba(95, 81, 213, 0.32);
  --ae-glass-light-background: rgba(255, 255, 255, 0.62);
  --ae-glass-light-blur: 20px;
  --ae-glass-light-saturate: 180%;
  --ae-glass-light-border: rgba(255, 255, 255, 0.55);
  --ae-glass-light-shadow: 0 8px 40px rgba(14, 11, 46, 0.12);
  --ae-glass-light-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.75);
  --ae-glass-dark-background: rgba(21, 17, 58, 0.55);
  --ae-glass-dark-blur: 20px;
  --ae-glass-dark-saturate: 160%;
  --ae-glass-dark-border: rgba(255, 255, 255, 0.12);
  --ae-glass-dark-shadow: 0 8px 40px rgba(0, 0, 0, 0.35);
  --ae-glass-dark-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.14);
  --ae-glass-clear-background: rgba(255, 255, 255, 0.14);
  --ae-glass-clear-blur: 24px;
  --ae-glass-clear-saturate: 180%;
  --ae-glass-clear-border: rgba(255, 255, 255, 0.28);
  --ae-glass-clear-shadow: 0 12px 48px rgba(14, 11, 46, 0.28);
  --ae-glass-clear-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.35);
  --ae-duration-instant: 80ms;
  --ae-duration-fast: 140ms;
  --ae-duration-base: 220ms;
  --ae-duration-slow: 360ms;
  --ae-duration-slower: 560ms;
  --ae-duration-draw: 900ms;
  --ae-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ae-ease-enter: cubic-bezier(0.05, 0.7, 0.1, 1);
  --ae-ease-exit: cubic-bezier(0.3, 0, 0.8, 0.15);
  --ae-ease-spring: cubic-bezier(0.34, 1.36, 0.64, 1);
  --ae-ease-draw: cubic-bezier(0.65, 0, 0.35, 1);
  --ae-distance-sm: 4px;
  --ae-distance-md: 8px;
  --ae-distance-lg: 16px;
  --ae-z-base: 0;
  --ae-z-raised: 10;
  --ae-z-sticky: 100;
  --ae-z-nav: 200;
  --ae-z-overlay: 300;
  --ae-z-modal: 400;
  --ae-z-toast: 500;
  --ae-z-tooltip: 600;

  /* roles, light */
  --ae-bg: var(--ae-ink-0);
  --ae-bg-muted: var(--ae-ink-50);
  --ae-bg-sunken: var(--ae-ink-100);
  --ae-surface: var(--ae-ink-0);
  --ae-surface-raised: var(--ae-ink-0);
  --ae-surface-brand: var(--ae-purple-500);
  --ae-surface-brand-soft: var(--ae-purple-50);
  --ae-surface-inverse: var(--ae-purple-950);
  --ae-text: var(--ae-ink-700);
  --ae-text-2: var(--ae-ink-500);
  --ae-text-3: var(--ae-ink-400);
  --ae-text-on-brand: var(--ae-ink-0);
  --ae-text-on-inverse: var(--ae-ink-0);
  --ae-text-brand: var(--ae-purple-600);
  --ae-text-link: var(--ae-purple-600);
  --ae-line: #E6E4F0;
  --ae-line-strong: #CFCCE0;
  --ae-line-focus: var(--ae-purple-500);
  --ae-action: var(--ae-purple-500);
  --ae-action-hover: var(--ae-purple-600);
  --ae-action-press: var(--ae-purple-700);
  --ae-action-text: var(--ae-ink-0);
  --ae-action-soft: var(--ae-purple-50);
  --ae-action-soft-hover: var(--ae-purple-100);
  --ae-action-soft-text: var(--ae-purple-700);
  --ae-mark: var(--ae-coral-500);
  --ae-mark-soft: var(--ae-coral-50);
  --ae-mark-text: var(--ae-coral-700);
  --ae-success: var(--ae-green-500);
  --ae-success-soft: var(--ae-green-50);
  --ae-success-text: var(--ae-green-700);
  --ae-warning: var(--ae-amber-500);
  --ae-warning-soft: var(--ae-amber-50);
  --ae-warning-text: var(--ae-amber-700);
  --ae-danger: var(--ae-red-500);
  --ae-danger-soft: var(--ae-red-50);
  --ae-danger-text: var(--ae-red-700);
  --ae-danger-strong: var(--ae-red-600);
  --ae-danger-on: var(--ae-ink-0);
  --ae-info: var(--ae-blue-500);
  --ae-info-soft: var(--ae-blue-50);
  --ae-info-text: var(--ae-blue-700);
  --ae-scrim: rgba(14, 11, 46, 0.48);
}

/* roles, dark: explicit */
[data-theme="dark"] {
  color-scheme: dark;
  --ae-bg: var(--ae-purple-950);
  --ae-bg-muted: #141038;
  --ae-bg-sunken: #08061C;
  --ae-surface: #15113A;
  --ae-surface-raised: #1E1950;
  --ae-surface-brand: var(--ae-purple-500);
  --ae-surface-brand-soft: #231D5C;
  --ae-surface-inverse: var(--ae-ink-0);
  --ae-text: #F4F3FB;
  --ae-text-2: #B9B5D6;
  --ae-text-3: #8C87B0;
  --ae-text-on-brand: var(--ae-ink-0);
  --ae-text-on-inverse: var(--ae-ink-700);
  --ae-text-brand: var(--ae-purple-300);
  --ae-text-link: var(--ae-purple-300);
  --ae-line: rgba(255, 255, 255, 0.10);
  --ae-line-strong: rgba(255, 255, 255, 0.20);
  --ae-line-focus: var(--ae-purple-300);
  --ae-action: var(--ae-purple-400);
  --ae-action-hover: var(--ae-purple-300);
  --ae-action-press: var(--ae-purple-200);
  --ae-action-text: var(--ae-purple-950);
  --ae-action-soft: #2A2366;
  --ae-action-soft-hover: #342B7A;
  --ae-action-soft-text: var(--ae-purple-100);
  --ae-mark: var(--ae-coral-400);
  --ae-mark-soft: #3A1A22;
  --ae-mark-text: var(--ae-coral-300);
  --ae-success: #3DBB8B;
  --ae-success-soft: #0F2E26;
  --ae-success-text: #7FD9B6;
  --ae-warning: var(--ae-amber-500);
  --ae-warning-soft: #33280F;
  --ae-warning-text: #F7CD7C;
  --ae-danger: #F0647B;
  --ae-danger-soft: #3A1622;
  --ae-danger-text: #F7A2B1;
  --ae-danger-strong: #F0647B;
  --ae-danger-on: var(--ae-purple-950);
  --ae-info: #6FA3F8;
  --ae-info-soft: #132447;
  --ae-info-text: #A9C7FB;
  --ae-scrim: rgba(4, 3, 16, 0.64);
}

/* roles, dark: follow the system unless a page pins light */
@media (prefers-color-scheme: dark) {
  :root[data-theme="auto"] {
    color-scheme: dark;
    --ae-bg: var(--ae-purple-950);
    --ae-bg-muted: #141038;
    --ae-bg-sunken: #08061C;
    --ae-surface: #15113A;
    --ae-surface-raised: #1E1950;
    --ae-surface-brand: var(--ae-purple-500);
    --ae-surface-brand-soft: #231D5C;
    --ae-surface-inverse: var(--ae-ink-0);
    --ae-text: #F4F3FB;
    --ae-text-2: #B9B5D6;
    --ae-text-3: #8C87B0;
    --ae-text-on-brand: var(--ae-ink-0);
    --ae-text-on-inverse: var(--ae-ink-700);
    --ae-text-brand: var(--ae-purple-300);
    --ae-text-link: var(--ae-purple-300);
    --ae-line: rgba(255, 255, 255, 0.10);
    --ae-line-strong: rgba(255, 255, 255, 0.20);
    --ae-line-focus: var(--ae-purple-300);
    --ae-action: var(--ae-purple-400);
    --ae-action-hover: var(--ae-purple-300);
    --ae-action-press: var(--ae-purple-200);
    --ae-action-text: var(--ae-purple-950);
    --ae-action-soft: #2A2366;
    --ae-action-soft-hover: #342B7A;
    --ae-action-soft-text: var(--ae-purple-100);
    --ae-mark: var(--ae-coral-400);
    --ae-mark-soft: #3A1A22;
    --ae-mark-text: var(--ae-coral-300);
    --ae-success: #3DBB8B;
    --ae-success-soft: #0F2E26;
    --ae-success-text: #7FD9B6;
    --ae-warning: var(--ae-amber-500);
    --ae-warning-soft: #33280F;
    --ae-warning-text: #F7CD7C;
    --ae-danger: #F0647B;
    --ae-danger-soft: #3A1622;
    --ae-danger-text: #F7A2B1;
    --ae-danger-strong: #F0647B;
    --ae-danger-on: var(--ae-purple-950);
    --ae-info: #6FA3F8;
    --ae-info-soft: #132447;
    --ae-info-text: #A9C7FB;
    --ae-scrim: rgba(4, 3, 16, 0.64);
  }
}