/* Groovy Gravy design tokens — sampled from master brand assets */
:root {
  /* Palette */
  --cream: #fefee1;
  --ink: #221a11;
  --green: #57b885;
  --orange: #ed7401;
  --blue: #3194fc;
  --lime: #d0fc07;
  --pink: #fc7adc;
  --coral: #fc615c;

  /* Semantic */
  --color-surface: var(--cream);
  --color-text: var(--ink);
  --color-accent: var(--pink);
  --color-cta: var(--orange);

  /* Type scale */
  --text-base: clamp(1rem, 0.94rem + 0.35vw, 1.15rem);
  --text-lead: clamp(1.15rem, 1rem + 0.8vw, 1.5rem);
  --text-h3: clamp(1.4rem, 1.1rem + 1.4vw, 2rem);
  --text-h2: clamp(2rem, 1.4rem + 3vw, 3.6rem);
  --text-hero: clamp(2.2rem, 0.9rem + 6vw, 6.5rem);

  --font-display: "Boogie School Serif", "Cooper Black", "Arial Rounded MT Bold", serif;
  --font-body: "Poppins", "Avenir Next", "Helvetica Neue", sans-serif;

  /* Rhythm */
  --space-section: clamp(4rem, 3rem + 5vw, 8rem);
  --space-gutter: clamp(1.25rem, 4vw, 3rem);
  --container: 72rem;

  /* Sticker chrome */
  --line: 3px solid var(--ink);
  --sticker-shadow: 0.45rem 0.45rem 0 var(--ink);
  --sticker-shadow-sm: 0.3rem 0.3rem 0 var(--ink);
  --radius-blob: 1.6rem;

  /* Motion */
  --duration-fast: 150ms;
  --duration-normal: 300ms;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
}