:root {
  /* palette */
  --c-cream: #FBF8F2;
  --c-travertine: #F4EFE6;
  --c-ink: #1A1715;
  --c-plum: #2B2233;        /* deep aubergine "Klimt night" — rich dark surface */
  --c-coral: #F25C4D;
  --c-coral-700: #C9442F;
  --c-brass: #C9A24B;
  --c-gold: #E7B765;        /* warm Klimt/marble gold — flourishes on dark */
  --c-taupe: #C9BEB2;       /* Simone's greige — soft surfaces / dividers */
  --c-muted: #6E665C;
  --c-line: #E2D9CA;

  /* type */
  --font-display: 'Fraunces Variable', Georgia, serif;
  --font-body: 'Inter Variable', system-ui, sans-serif;
  --font-script: 'Great Vibes', cursive;

  /* fluid type scale */
  --step--1: clamp(.83rem, .8rem + .2vw, .95rem);
  --step-0:  clamp(1rem,   .95rem + .3vw, 1.15rem);
  --step-1:  clamp(1.3rem, 1.1rem + .8vw, 1.6rem);
  --step-2:  clamp(1.8rem, 1.4rem + 1.6vw, 2.6rem);
  --step-3:  clamp(2.6rem, 1.9rem + 3vw,   4.5rem);
  --step-4:  clamp(3.4rem, 2.2rem + 5vw,   7rem);

  /* space */
  --space-s:  .75rem;
  --space-m:  1.5rem;
  --space-l:  3rem;
  --space-xl: 6rem;

  /* vertical rhythm for content sections (fluid: ~48px phones → 96px wide) */
  --section-pad: clamp(3rem, 4vw + 1rem, 6rem);

  /* misc */
  --measure: 68ch;
  --radius:  14px;
  --ease:    cubic-bezier(.2, .7, .2, 1);
}