/* _tokens.css — Britta brand tokens (additive only; no existing selectors restyled)
 * Safe to load alongside custom.css. Defines :root CSS vars for future use.
 * Do NOT add tag/class selectors here. Tokens only.
 */
:root {
  /* Brand */
  --brand-teal: #074F68;
  --brand-teal-2: #389FAA;
  --brand-pink: #D5498A;
  --brand-cream: #FBF6EE;
  --brand-deep-blue: #1a2744;

  /* Spacing scale (8px base) */
  --size-1: 4px;
  --size-2: 8px;
  --size-3: 12px;
  --size-4: 16px;
  --size-5: 24px;
  --size-6: 32px;
  --size-7: 48px;
  --size-8: 64px;
  --size-9: 96px;

  /* Type scale (1.25 ratio, base 16) */
  --font-size-1: 0.875rem;
  --font-size-2: 1rem;
  --font-size-3: 1.25rem;
  --font-size-4: 1.5625rem;
  --font-size-5: 1.953rem;
  --font-size-6: 2.441rem;
  --font-size-7: 3.052rem;

  /* Radii */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 100px;

  /* Display fonts (match base.html font links) */
  --font-display: 'Cormorant Garamond', 'Fraunces', Georgia, serif;
  --font-body: 'Figtree', 'Montserrat', 'Inter', system-ui, sans-serif;
}