/* Dina Events design tokens. Values are fixed by the spec — do not retune
   without updating docs/superpowers/specs/2026-08-24-foundation-public-site-design.md */
:root {
  /* Brand — accents only. Never a page ground. */
  --rose: #B78E8B;
  --rose-light: #D8B0A4;
  --rose-deep: #A8705F;
  --navy: #1E2A44;

  /* Neutrals — these carry the page. */
  --warm-white: #FBF9F7;
  --off-white: #F4F0EC;
  --charcoal: #2A2724;
  --ink: #121110;
  --neutral: #8C837B;

  --hairline: color-mix(in srgb, var(--charcoal) 14%, transparent);

  --font-heading: "Marcellus", "Cormorant Garamond", serif;
  --font-heading-weight: 400;
  --font-body: "Figtree", system-ui, sans-serif;

  /* Spacing — a 4px base with an editorial jump at the top end, because
     whitespace is part of the design (brief p.46). */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --space-32: 8rem;
  /* Client asked for the large gaps removed and simple lines instead. */
  --section-gap: clamp(var(--space-8), 4vw, var(--space-12));

  --measure: 34rem;      /* readable paragraph width */
  --wrap: 78rem;         /* page gutter width */

  --ease: cubic-bezier(0.16, 0.84, 0.44, 1);
  --reveal-duration: 750ms;
}