/* =============================================================
   tokens.css — Design tokens (colors, fonts, spacing, radius)
   All other CSS files import values from here.
   To restyle the whole site, edit only this file.
   ============================================================= */

:root {
  /* --- Brand palette (from the evite) --- */
  --color-dusk:       #2D1B4E;   /* deep purple — primary backgrounds */
  --color-sunset:     #E8733A;   /* warm orange — accents, hovers      */
  --color-gold:       #C9A84C;   /* dusty gold  — labels, dividers     */
  --color-cream:      #F2EDE3;   /* parchment   — body text on dark    */
  --color-ink:        #1A0F2E;   /* near-black  — text on light bg     */
  --color-card-bg:    #ffffff;   /* card surfaces                      */
  --color-card-border:#E0D8CA;   /* card borders                       */
  --color-muted:      #8a7060;   /* secondary / helper text            */

  /* --- Typography --- */
  --font-display: 'Pacifico', cursive;           /* headlines, titles  */
  --font-serif:   'Playfair Display', serif;     /* subheads, labels   */
  --font-body:    'Inter', sans-serif;           /* all body copy      */

  /* --- Type scale --- */
  --text-xs:   11px;
  --text-sm:   13px;
  --text-base: 15px;
  --text-lg:   18px;
  --text-xl:   24px;
  --text-2xl:  36px;
  --text-hero: 56px;

  /* --- Spacing --- */
  --space-xs:  8px;
  --space-sm:  16px;
  --space-md:  24px;
  --space-lg:  40px;
  --space-xl:  64px;

  /* --- Radius --- */
  --radius-sm: 2px;
  --radius-md: 6px;
  --radius-lg: 12px;

  /* --- Transitions --- */
  --transition: 0.2s ease;
}