/* Brand tokens ported from hoot-forms-source packages/ui/src/theme/tokens.css (light theme only — the marketing site does not follow the app's dark mode). */
:root {
  --hf-background: 250 248 240; /* warm cream */
  --hf-foreground: 17 24 28; /* near-black ink */
  --hf-card: 255 255 255;
  --hf-border: 229 224 208;
  --hf-accent: 245 197 66; /* gold */
  --hf-muted: 244 241 230;
  --hf-band: 240 236 220; /* deeper sand, for alternating section bands */

  --hf-gold: #e7a93e;
  --hf-gold-deep: #b9791f;
  --hf-glint: #f6f1e4;
  --hf-pupil: #17120a;

  --hf-radius: 16px;
  --hf-radius-lg: 28px;

  --hf-font: "Century Gothic", "Avenir Next", Futura, "Segoe UI", sans-serif;

  --hf-container: 1180px;
  --hf-space-section: clamp(4rem, 8vw, 9rem);
}