/* GENERATED FROM brand/brand.tokens.json. DO NOT EDIT THIS FILE DIRECTLY. */
/* npm run build:tokens */
:root {
  --ali-color-brand-ink: #102934;
  --ali-color-brand-teal: #007F76;
  --ali-color-brand-mint: #66DFCD;
  --ali-color-brand-mist: #E8F6F3;
  --ali-color-brand-canvas: #F6F9FA;
  --ali-color-brand-slate: #536874;
  --ali-color-brand-white: #FFFFFF;
  --ali-color-feedback-success: #217650;
  --ali-color-feedback-warning: #946200;
  --ali-color-feedback-error: #B32632;
  --ali-color-feedback-info: #235EAD;
  --ali-color-semantic-text-primary: var(--ali-color-brand-ink);
  --ali-color-semantic-text-secondary: var(--ali-color-brand-slate);
  --ali-color-semantic-background: var(--ali-color-brand-canvas);
  --ali-color-semantic-surface: var(--ali-color-brand-white);
  --ali-color-semantic-surface-soft: var(--ali-color-brand-mist);
  --ali-color-semantic-border: #D8E4E6;
  --ali-color-semantic-action: var(--ali-color-brand-teal);
  --ali-color-semantic-action-hover: #00665F;
  --ali-color-semantic-on-action: var(--ali-color-brand-white);
  --ali-color-semantic-inverse-background: var(--ali-color-brand-ink);
  --ali-color-semantic-inverse-text: var(--ali-color-brand-white);
  --ali-color-semantic-inverse-accent: var(--ali-color-brand-mint);
  --ali-color-semantic-focus: #235EAD;
  --ali-font-display: Manrope, Inter, Arial, sans-serif;
  --ali-font-body: Inter, Arial, Helvetica, sans-serif;
  --ali-font-email: Arial, Helvetica, sans-serif;
  --ali-font-weight-regular: 400;
  --ali-font-weight-medium: 500;
  --ali-font-weight-semibold: 600;
  --ali-font-weight-bold: 700;
  --ali-font-weight-extrabold: 800;
  --ali-font-size-px-xs: 12px;
  --ali-font-size-px-sm: 14px;
  --ali-font-size-px-body: 16px;
  --ali-font-size-px-lead: 18px;
  --ali-font-size-px-h3: 24px;
  --ali-font-size-px-h2: 32px;
  --ali-font-size-px-h1: 52px;
  --ali-font-line-height-tight: 1.12;
  --ali-font-line-height-heading: 1.22;
  --ali-font-line-height-body: 1.55;
  --ali-space-1: 4px;
  --ali-space-2: 8px;
  --ali-space-3: 12px;
  --ali-space-4: 16px;
  --ali-space-6: 24px;
  --ali-space-8: 32px;
  --ali-space-12: 48px;
  --ali-space-16: 64px;
  --ali-space-24: 96px;
  --ali-radius-sm: 8px;
  --ali-radius-md: 12px;
  --ali-radius-lg: 16px;
  --ali-radius-xl: 24px;
  --ali-radius-pill: 999px;
  --ali-shadow-card: 0 8px 28px rgba(16, 41, 52, 0.07);
  --ali-shadow-raised: 0 16px 48px rgba(16, 41, 52, 0.13);
  --ali-layout-content-max: 1120px;
  --ali-layout-header-height: 76px;
  --ali-layout-control-min-height: 44px;
  --ali-breakpoint-mobile: 640px;
  --ali-breakpoint-tablet: 768px;
  --ali-breakpoint-desktop: 1024px;
  --ali-motion-fast: 120ms;
  --ali-motion-normal: 180ms;
  --ali-motion-slow: 240ms;
}