/* Design tokens */
:root {
  --navy: #0e2a4d;
  --navy-deep: #0a1f3a;
  --navy-mid: #14407a;
  --blue: #1f5f99;
  --blue-light: #b9cfe6;
  --ink: #16202e;
  --ink-muted: #4a5666;
  --paper: #ffffff;
  --paper-alt: #eef3f9;
  --line: #d9dee5;
  --line-dark: rgba(255, 255, 255, .18);
  --on-dark: #f2f5f9;
  --on-dark-muted: #b4c0cf;
  --whatsapp: #128c4a;
  --whatsapp-hover: #0f7a40;
  --focus: #f2b600;

  --font: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: "IBM Plex Serif", Georgia, "Times New Roman", serif;
  --fs-sm: .875rem;
  --fs-base: 1rem;
  --fs-lg: 1.125rem;
  --fs-h3: 1.2rem;
  --fs-h2: clamp(1.9rem, 1.3rem + 2vw, 3rem);
  --fs-h1: clamp(2.4rem, 1.3rem + 4.2vw, 4.6rem);

  --space-2: .5rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;

  --radius: 6px;
  --container: 1120px;
}