/* Design tokens — Farme Visual Media & Events */
:root {
  /* palette */
  --black: #090909;
  --charcoal: #141414;
  --graphite: #202020;
  --paper: #f5f3ef;
  --grey: #d9d9d9;
  --gold: #c6a56b;
  --gold-ink: #7a5f2c;          /* gold darkened for text on light surfaces (AA) */
  --muted-dark: #a7a39c;        /* secondary text on dark */
  --muted-light: #5b5750;       /* secondary text on light */
  --line-dark: rgba(245, 243, 239, .14);
  --line-light: rgba(9, 9, 9, .16);
  --error: #ff8a7a;
  --error-ink: #b3261e;

  /* type */
  --font-display: "Space Grotesk", "Sora", "Segoe UI", system-ui, sans-serif;
  --font-body: "Inter", "DM Sans", "Segoe UI", system-ui, sans-serif;
  --font-serif: "Playfair Display", Georgia, "Times New Roman", serif;

  --fs-hero: clamp(2.4rem, min(7.2vw, 11.5vh), 7rem);
  --fs-h2: clamp(2.3rem, 6vw, 5.75rem);
  --fs-h3: clamp(1.5rem, 2.6vw, 2.6rem);
  --fs-lead: clamp(1.1rem, 1.5vw, 1.4rem);
  --fs-body: clamp(1rem, 1.05vw, 1.0625rem);
  --fs-small: .8125rem;

  /* layout */
  --gutter: clamp(1.25rem, 4vw, 4rem);
  --max: 1440px;
  --section-y: clamp(2rem, 6vw, 5rem);
  --header-h: 84px;

  /* motion */
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-io: cubic-bezier(.65, 0, .35, 1);
  --t-fast: .25s;
  --t-med: .6s;
  --t-slow: 1s;
}
