/* Lazy Vacations — Typography tokens
   Three families, three jobs:
   - Lato         → buttons & all-caps labels (wide tracking)
   - Source Sans  → titles, headings, body copy (the site default)
   - Open Sans    → the declared --font-family UI utility var */

:root {
  --lv-font-display: 'Source Sans 3', 'Source Sans Pro', system-ui, sans-serif;
  --lv-font-body: 'Source Sans 3', 'Source Sans Pro', system-ui, sans-serif;
  --lv-font-ui: 'Open Sans', system-ui, sans-serif;
  --lv-font-label: 'Lato', 'Open Sans', system-ui, sans-serif;

  /* Type scale — mirrors the site's h1/h2/heading/title/tiny rhythm */
  --lv-text-h1: 38px;       --lv-leading-h1: 44px;
  --lv-text-h2: 29px;       --lv-leading-h2: 36px;   /* "heading" green */
  --lv-text-title: 25px;    --lv-leading-title: 30px;/* "title green" section head */
  --lv-text-lg: 20px;       --lv-leading-lg: 27px;
  --lv-text-body: 17px;     --lv-leading-body: 23px; /* default copy */
  --lv-text-base: 15px;     --lv-leading-base: 23px;
  --lv-text-sm: 14px;       --lv-leading-sm: 20px;   /* captions, tiny italic */
  --lv-text-xs: 13px;       --lv-leading-xs: 16px;   /* nav links */

  /* Weights — body is intentionally light (300) */
  --lv-weight-light: 300;
  --lv-weight-regular: 400;
  --lv-weight-medium: 600;
  --lv-weight-bold: 700;

  /* Tracking — labels & nav are widely tracked all-caps */
  --lv-track-label: 1px;    /* nav links */
  --lv-track-button: 5px;   /* primary buttons */
  --lv-track-pill: 2px;     /* dropdown pills */
}