/* Generated by npm run build; edit tokens/tokens.json. */
:root {
  --att-color-brand-petrol: #103f50;
  --att-color-brand-coral: #ff825f;
  --att-color-brand-cream: #faf8f5;
  --att-color-neutral-50: #faf8f5;
  --att-color-neutral-100: #f1ede7;
  --att-color-neutral-200: #e1dcd5;
  --att-color-neutral-400: #8b999e;
  --att-color-neutral-600: #53656c;
  --att-color-neutral-800: #24434e;
  --att-color-neutral-950: #092b38;
  --att-color-neutral-white: #ffffff;
  --att-color-background-page: #faf8f5;
  --att-color-background-surface: #ffffff;
  --att-color-background-subtle: #f1ede7;
  --att-color-background-inverse: #103f50;
  --att-color-text-primary: #092b38;
  --att-color-text-secondary: #53656c;
  --att-color-text-inverse: #ffffff;
  --att-color-text-brand: #103f50;
  --att-color-border-default: #e1dcd5;
  --att-color-border-control: #53656c;
  --att-color-interactive-primary: #103f50;
  --att-color-interactive-hover: #18546a;
  --att-color-interactive-active: #092b38;
  --att-color-interactive-accent: #ff825f;
  --att-color-interactive-accentHover: #ff977b;
  --att-color-interactive-focus: #176d89;
  --att-color-semantic-success: #276148;
  --att-color-semantic-successBg: #edf6ef;
  --att-color-semantic-warning: #785113;
  --att-color-semantic-warningBg: #fff3d9;
  --att-color-semantic-danger: #ab302e;
  --att-color-semantic-dangerBg: #fff0ec;
  --att-color-semantic-info: #155c78;
  --att-color-semantic-infoBg: #eaf4f8;
  --att-font-family-display: "Manrope Variable", system-ui, sans-serif;
  --att-font-family-body: "Inter Variable", system-ui, -apple-system, "Segoe UI", sans-serif;
  --att-font-family-mono: ui-monospace, Consolas, monospace;
  --att-font-weight-regular: 400;
  --att-font-weight-medium: 500;
  --att-font-weight-semibold: 600;
  --att-font-weight-bold: 700;
  --att-font-size-sm: 0.875rem;
  --att-font-size-base: 1rem;
  --att-font-size-lead: 1.25rem;
  --att-font-size-h3: 1.5rem;
  --att-font-size-h2: clamp(2rem, 3.6vw, 3rem);
  --att-font-size-h1: clamp(2.5rem, 5.5vw, 4.5rem);
  --att-font-line-body: 1.65;
  --att-font-line-heading: 1.12;
  --att-font-line-label: 1.4;
  --att-font-tracking-tight: -0.035em;
  --att-font-tracking-normal: 0em;
  --att-space-0: 0px;
  --att-space-1: 4px;
  --att-space-2: 8px;
  --att-space-3: 12px;
  --att-space-4: 16px;
  --att-space-5: 20px;
  --att-space-6: 24px;
  --att-space-8: 32px;
  --att-space-10: 40px;
  --att-space-12: 48px;
  --att-space-16: 64px;
  --att-space-20: 80px;
  --att-space-24: 96px;
  --att-radius-sm: 6px;
  --att-radius-md: 12px;
  --att-radius-lg: 20px;
  --att-radius-full: 9999px;
  --att-shadow-none: none;
  --att-shadow-sm: 0 2px 8px rgb(16 63 80 / 0.06);
  --att-shadow-md: 0 12px 32px rgb(16 63 80 / 0.10);
  --att-motion-duration-fast: 160ms;
  --att-motion-duration-standard: 240ms;
  --att-motion-easing-standard: cubic-bezier(0.2, 0, 0.2, 1);
  --att-container-site: 1200px;
  --att-container-prose: 65ch;
  --att-breakpoint-sm: 640px;
  --att-breakpoint-md: 768px;
  --att-breakpoint-lg: 1024px;
  --att-control-height: 48px;
  --att-control-border: 1px;
  --att-control-focus: 3px;
  --att-control-focusOffset: 3px;
  --att-icon-sm: 20px;
  --att-icon-md: 24px;
  --att-icon-lg: 32px;
  --att-icon-stroke: 2;
}