:root {
  /* ---- Core Palette: warm, dark, atmospheric, artistic ---- */
  --c-dusk:       #1A1817;  /* warm off-black — main backgrounds */
  --c-charcoal:   #2A2825;  /* deep charcoal — dark surfaces */
  --c-night:      #1E2428;  /* rain-dark blue/black — atmospheric depth */
  --c-bone:       #E8E0D6;  /* bone — light text on dark bg */
  --c-cream:      #C9BFA8;  /* aged cream — secondary text */
  --c-warm-white: #EDE8DF;  /* very warm white — bright text, headings */
  --c-gold:       #C4A265;  /* soft amber/gold — primary accent */
  --c-gold-light: #D4BC8A;  /* lighter gold — hover, highlight */
  --c-bronze:     #8B7D5E;  /* oxidised bronze — subtle accent */
  --c-moss:       #5A6B4F;  /* moss/olive — garden accent */
  --c-wood:       #6B5B4E;  /* weathered wood — warm brown accent */
  --c-stone:      #8A847A;  /* stone grey — muted text */
  --c-clay:       #A6745C;  /* clay/earth — warm earth tone */
  --c-text:       #D4CEC4;  /* warm light grey — body text on dark */
  --c-text-head:  #EDE8DF;  /* heading text on dark backgrounds */
  --c-surface:    #2A2724;  /* dark surface — cards, panels */
  --c-surface-lt: #35312E;  /* lighter dark surface */
  --c-border:     #3A3632;  /* dark border */
  --c-body:       #1E1C1A;  /* page body background */

  /* ---- Typography ---- */
  --font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-body:    'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --fs-xs:   0.75rem;
  --fs-sm:   0.875rem;
  --fs-base: 1rem;
  --fs-md:   1.125rem;
  --fs-lg:   1.5rem;
  --fs-xl:   2rem;
  --fs-2xl:  3rem;
  --fs-3xl:  4.5rem;
  --fs-4xl:  6rem;

  --lh-tight: 1.1;
  --lh-body:  1.6;
  --lh-loose: 2;

  --fw-light:   300;
  --fw-regular: 400;
  --fw-medium:  500;

  /* ---- Spacing ---- */
  --space-xs:  0.25rem;
  --space-sm:  0.5rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 6rem;
  --space-5xl: 8rem;
  --space-6xl: 12rem;

  /* ---- Layout ---- */
  --content-max: 960px;
  --content-narrow: 640px;
  --pad-desktop: 6rem;
  --pad-tablet: 3rem;
  --pad-mobile: 1.5rem;

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast: 300ms;
  --dur-med: 600ms;
  --dur-slow: 1000ms;
  --dur-enter: 2000ms;

  /* ---- Z-index layers ---- */
  --z-base: 1;
  --z-room: 10;
  --z-nav: 100;
  --z-overlay: 200;
  --z-modal: 300;
}