:root {
  --bg: #f6f8fb;
  --surface: #ffffff;
  --surface-alt: #eaf0f8;
  --text: #10223a;
  --muted: #45566f;
  --primary: #0059c6;
  --primary-ink: #ffffff;
  --accent: #0a8a66;
  --border: #c8d4e4;
  --warning: #b87200;

  --font-sans: "Avenir Next", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-size-1: 0.875rem;
  --font-size-2: 1rem;
  --font-size-3: 1.125rem;
  --font-size-4: 1.5rem;
  --font-size-5: clamp(2rem, 5vw, 3.3rem);

  --space-1: 0.5rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;

  --radius-sm: 0.6rem;
  --radius-md: 1rem;
  --radius-lg: 1.4rem;

  --shadow-sm: 0 8px 24px rgba(10, 40, 80, 0.08);
  --shadow-md: 0 20px 50px rgba(10, 40, 80, 0.12);

  --container: 1120px;
  --tap: 44px;
  --bp-md: 720px;
  --bp-lg: 980px;
}