:root {
  /* ----------------------------------
     Latitude 22 Brand Tokens
     Fonts: Nunito Sans (primary) + Sabon (accent), loaded via @font-face in 00-fonts.css
     ---------------------------------- */
  --font-body: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --font-heading: "CormorantGaramond", Georgia, "Times New Roman", serif;
  --font-accent: "SourceSans3", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

  /* Aliases for 01-base.css consumption */
  --font-primary: var(--font-body);
  --font-size-base: clamp(15px, 1.2vw, 16px);
  --line-height-base: 1.5;
  --font-weight-heading: 300;

  /* Font weights */
  --font-weight-body: 400;
  --font-weight-light: 300;
  --font-weight-thin: 200;
  --font-weight-medium: 500;
  --font-weight-bold: 700;

  /* Heading sizes (desktop) — mobile sizes live in 01-base.css media queries */
  --font-size-h1: clamp(56px, 6vw, 70px);
  --font-size-h2: clamp(40px, 5vw, 50px);
  --font-size-h3: clamp(32px, 4vw, 40px);
  --font-size-h4: clamp(27px, 3.5vw, 34px);
  --font-size-h5: clamp(22px, 3vw, 28px);
  --font-size-h6: 15px;
  --font-size-blockquote: clamp(28px, 4vw, 40px);
  --font-size-button: clamp(13px, 1.2vw, 14px);

  /* Colors */
  --color-text: #3a3a3a;
  --color-bg: #ffffff;
  --color-primary: #479ab3;       /* Latitude 22 accent — teal (sole accent) */
  --color-secondary: #3a3a3a;     /* Heading color — applies to h1–h6 */
  --color-muted: #737373;
  --color-border: #e6e6e6;

  --radius-sm: 6px;
  --radius-md: 12px;

  --space-1: 6px;
  --space-2: 12px;
  --space-3: 18px;
  --space-4: 24px;
  --space-5: 36px;

  --container-max: 1200px;
}