:root {
  /* ── Backgrounds ── */
  --bg-page:          #FAFAFA;
  --bg-section-alt:   #F0EFEB;
  --bg-card:          rgba(255, 255, 255, 0.55);
  --bg-card-hover:    rgba(255, 255, 255, 0.80);

  /* ── Primary ── */
  --color-snow:         #FAFAFA;
  --color-smoke:        #F0EFEB;
  --color-off-white:    #E8E6E1;
  --color-paper:        #F5F3EE;

  /* ── Wool Grays ── */
  --color-wool-lightest: #DEDAD4;
  --color-wool-light:    #C9C5BC;
  --color-wool-mid:      #9C9790;
  --color-wool-dark:     #6B6560;
  --color-wool-charcoal: #3D3A37;
  --color-wool-ink:      #1C1A18;

  /* ── Gold ── */
  --color-gold-bright:   #C9A84C;
  --color-gold-mid:      #A8813A;
  --color-gold-deep:     #7D5E28;
  --color-gold-sheen:    #E2C06A;
  --color-gold-muted:    #8B6F3A;

  /* ── Liquid Glass ── */
  --glass-surface:        rgba(255, 255, 255, 0.55);
  --glass-surface-dark:   rgba(240, 239, 235, 0.45);
  --glass-border:         rgba(201, 168, 76, 0.22);
  --glass-border-hover:   rgba(201, 168, 76, 0.55);
  --glass-shadow:         0 8px 40px rgba(108, 100, 90, 0.12);
  --glass-shadow-lg:      0 20px 60px rgba(108, 100, 90, 0.16);
  --glass-blur:           16px;
  --glass-saturate:       160%;
  --morph-duration:       500ms;

  /* ── Typography ── */
  --font-display:   'Playfair Display', Georgia, serif;
  --font-heading:   'Cormorant Garamond', Georgia, serif;
  --font-body:      'Jost', sans-serif;
  --font-mono:      'DM Mono', monospace;

  /* ── Type Scale ── */
  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.25rem;
  --text-xl:   1.5rem;
  --text-2xl:  2rem;
  --text-3xl:  3rem;
  --text-4xl:  4.5rem;
  --text-5xl:  6rem;

  /* ── Spacing ── */
  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2.5rem;
  --space-xl:  4rem;
  --space-2xl: 6rem;
  --space-3xl: 10rem;

  /* ── Borders ── */
  --border-wool:       1px solid rgba(201, 168, 76, 0.18);
  --border-wool-hover: 1px solid rgba(201, 168, 76, 0.5);
  --radius-sm:         8px;
  --radius-md:         16px;
  --radius-lg:         24px;
  --radius-blob:       60% 40% 30% 70% / 60% 30% 70% 40%;

  /* ── Transitions (from Liquid Glass CSV spec) ── */
  --ease-out-expo:  cubic-bezier(0.16, 1, 0.3, 1);
  --morph-ease:     cubic-bezier(0.4, 0, 0.2, 1);
  --transition-fast: 0.2s var(--ease-out-expo);
  --transition-mid:  0.4s var(--ease-out-expo);
  --transition-slow: 0.8s var(--ease-out-expo);
  --transition-morph: 0.5s var(--morph-ease);      /* Liquid glass morph duration */
}