/* ─────────────────────────────────────────────────────────────────────────
   Rocket Farm Studios — design tokens
   Single source of truth for colors, spacing, and radius.
   Load this BEFORE styles.css on every page.
   ───────────────────────────────────────────────────────────────────────── */

:root {
  /* Palette */
  --bg:           #fbf7f0;
  --ink:          #1c1a16;
  --muted:        rgba(28, 26, 22, 0.6);
  --hair:         rgba(28, 26, 22, 0.1);

  /* Accent colours */
  --accent:       #c9522a;
  --accent-green: oklch(0.48 0.14 145);
  --accent-teal:  oklch(0.50 0.12 205);
  --accent-blue:  oklch(0.50 0.14 255);

  /* Spacing & radius */
  --pad:  72px;
  --r-lg: 32px;
  --r-md: 22px;
}

/* Responsive padding — single source of truth.
   (`.lb-root` used to redeclare these tokens in styles.css and silently
   broke this mobile override for pages that wrapped content in that class;
   the duplicate block has been removed.) */
@media (max-width: 820px) {
  :root { --pad: 24px; }
}