:root {
  --aio-red: #e30613;
  --aio-red-dark: #b0040e;
  --aio-red-deep: #78000b;
  --aio-red-soft: #fff1f2;
  --aio-ink: #171717;
  --aio-ink-soft: #353535;
  --aio-muted: #667085;
  --aio-border: #e4e7ec;
  --aio-surface: #ffffff;
  --aio-surface-alt: #fff7f8;
  --aio-surface-dark: var(--aio-red-deep);
  --aio-success: #16794d;
  --aio-warning: #9a6700;
  --aio-danger: #b42318;

  --aio-font: "Source Sans 3", "Segoe UI", Arial, sans-serif;
  --aio-container: 1180px;
  --aio-header-height: 82px;
  --aio-radius-sm: 6px;
  --aio-radius: 10px;
  --aio-radius-lg: 16px;
  --aio-shadow-sm: 0 4px 18px rgba(16, 24, 40, 0.06);
  --aio-shadow: 0 14px 36px rgba(16, 24, 40, 0.09);
  --aio-transition: 180ms ease;

  --aio-section-space: clamp(3.5rem, 7vw, 6rem);
  --aio-h1: clamp(2.25rem, 5vw, 4rem);
  --aio-h2: clamp(1.8rem, 3vw, 2.65rem);
  --aio-h3: clamp(1.15rem, 2vw, 1.45rem);
}
