/* Design tokens. Palette sampled from the client's business card. */
:root {
  color-scheme: only light; /* the site is light-only; stops forced dark mode */
  /* Brand blues (card: navy script, wave blues, pool cyan) */
  --color-navy: #131c45;
  --color-primary-dark: #153f76;
  --color-primary: #0f67ad;
  --color-primary-mid: #1d8fcb;
  --color-accent: #31bbeb;
  --color-primary-light: #d9f1fb;
  --color-bg: #ffffff;
  --color-bg-soft: #f1faff;
  --color-text: #0f2a3a;
  --color-text-muted: #4b6575;
  --color-whatsapp: #0f7a40; /* white text on it: 5.5:1 */
  --color-white: #ffffff;

  /* Typography */
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: "Playfair Display", Georgia, "Times New Roman", serif;

  /* Spacing and shape */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --radius: 14px;
  --shadow: 0 8px 24px rgba(15, 103, 173, 0.12);
  --container: 1120px;
  --header-h: 68px;
}