:root {
  --ia-font-sans: "IBM Plex Sans", "Segoe UI", Arial, Helvetica, sans-serif;

  --ia-text-display: clamp(2.5rem, 1.8rem + 3.2vw, 4rem);
  --ia-text-h1: clamp(2rem, 1.55rem + 2.1vw, 3rem);
  --ia-text-h2: clamp(1.625rem, 1.35rem + 1.3vw, 2.25rem);
  --ia-text-h3: clamp(1.375rem, 1.22rem + 0.7vw, 1.75rem);
  --ia-text-h4: clamp(1.125rem, 1rem + 0.7vw, 1.375rem);
  --ia-text-lg: 1.125rem;
  --ia-text-base: 1rem;
  --ia-text-sm: 0.875rem;
  --ia-text-xs: 0.8125rem;

  --ia-leading-tight: 1.15;
  --ia-leading-snug: 1.3;
  --ia-leading-normal: 1.6;
  --ia-leading-relaxed: 1.75;

  --ia-weight-regular: 400;
  --ia-weight-book: 500;
  --ia-weight-medium: 600;
  --ia-weight-bold: 700;

  --ia-tracking-tight: -0.02em;
  --ia-tracking-normal: 0;
  --ia-tracking-wide: 0.08em;

  --ia-measure: 68ch;

  --ia-icon-sm: 20px;
  --ia-icon-md: 24px;
  --ia-icon-lg: 32px;
  --ia-icon-xl: 40px;

  --ia-space-3xs: 0.25rem;
  --ia-space-2xs: 0.5rem;
  --ia-space-xs: 0.75rem;
  --ia-space-sm: 1rem;
  --ia-space-md: 1.5rem;
  --ia-space-lg: 2rem;
  --ia-space-xl: 3rem;
  --ia-space-2xl: 4rem;
  --ia-space-3xl: 6rem;
  --ia-space-4xl: 8rem;

  --ia-section-y: clamp(3rem, 2rem + 5vw, 7rem);
  --ia-gutter: clamp(1rem, 0.5rem + 2vw, 2.5rem);
  --ia-container: 1324px;
  --ia-container-narrow: 800px;

  --ia-arrow-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12h14'/%3E%3Cpath d='M12.5 6l6 6-6 6'/%3E%3C/svg%3E");

  --ia-radius-sm: 4px;
  --ia-radius-md: 8px;
  --ia-radius-lg: 16px;
  --ia-radius-full: 999px;

  --ia-shadow-sm: 0 1px 2px rgba(21, 26, 33, 0.06), 0 1px 3px rgba(21, 26, 33, 0.08);
  --ia-shadow-md: 0 2px 4px rgba(21, 26, 33, 0.06), 0 4px 12px rgba(21, 26, 33, 0.1);
  --ia-shadow-lg: 0 4px 8px rgba(21, 26, 33, 0.06), 0 12px 32px rgba(21, 26, 33, 0.14);

  --ia-motion-fast: 150ms;
  --ia-motion-base: 250ms;
  --ia-motion-slow: 400ms;
  --ia-ease: cubic-bezier(0.2, 0, 0.2, 1);

  --ia-blue-50: #ebf3fa;
  --ia-blue-100: #d1e3f3;
  --ia-blue-200: #a3c7e7;
  --ia-blue-300: #6ba5d6;
  --ia-blue-400: #3382c2;
  --ia-blue-500: #0060a9;
  --ia-blue-600: #005192;
  --ia-blue-700: #004276;
  --ia-blue-800: #00335a;
  --ia-blue-900: #002440;

  --ia-red-50: #fef0ef;
  --ia-red-100: #fcdad7;
  --ia-red-200: #f9b5af;
  --ia-red-300: #f58f87;
  --ia-red-400: #f2695f;
  --ia-red-500: #ef3e33;
  --ia-red-600: #d62b20;
  --ia-red-700: #b02219;
  --ia-red-800: #8a1a13;
  --ia-red-900: #64120d;

  --ia-violet-500: #6d439a;
  --ia-green-500: #148f6d;
  --ia-orange-500: #f68b2b;
  --ia-orange-300: #f9a053;
  --ia-orange-200: #fbb67a;
  --ia-yellow-500: #fff200;

  --ia-neutral-0: #ffffff;
  --ia-neutral-50: #f7f8fa;
  --ia-neutral-100: #edeff3;
  --ia-neutral-200: #dde1e8;
  --ia-neutral-300: #c2c8d3;
  --ia-neutral-400: #9aa3b2;
  --ia-neutral-500: #5f6a7a;
  --ia-neutral-600: #4e5766;
  --ia-neutral-700: #323b49;
  --ia-neutral-800: #232a34;
  --ia-neutral-900: #151a21;

  --ia-surface: var(--ia-neutral-0);
  --ia-surface-sunken: var(--ia-neutral-50);
  --ia-surface-raised: var(--ia-neutral-0);
  --ia-surface-inverse: var(--ia-blue-800);

  --ia-content: var(--ia-neutral-700);
  --ia-content-muted: var(--ia-neutral-500);
  --ia-content-inverse: var(--ia-neutral-0);
  --ia-content-link: var(--ia-blue-600);
  --ia-content-link-hover: var(--ia-blue-800);

  --ia-border: var(--ia-neutral-200);
  --ia-border-strong: var(--ia-neutral-300);

  --ia-action: var(--ia-blue-500);
  --ia-action-hover: var(--ia-blue-600);
  --ia-action-contrast: var(--ia-neutral-0);
  --ia-action-accent: var(--ia-red-500);
  --ia-action-accent-hover: var(--ia-red-600);

  --ia-focus: var(--ia-blue-400);
  --ia-focus-ring: 0 0 0 3px var(--ia-blue-200);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --ia-motion-fast: 1ms;
    --ia-motion-base: 1ms;
    --ia-motion-slow: 1ms;
  }
}