:root {
  /* ── Core palette ── */
  --olive-dark:   #5C5E3C;
  --olive:        #7A7D52;
  --gold:         #C4A35A;
  --gold-light:   #D4B976;
  --cream:        #F2EBD9;
  --cream-light:  #F8F4EA;
  --warm-beige:   #E8DFC8;
  --heart-mauve:  #B8907A;
  --text-dark:    #3D3D2E;
  --text-medium:  #6B6B56;

  /* ── Functional (portal only) ── */
  --success: #6B9E4F;
  --warning: #D4A64A;
  --error:   #C4594A;
  --info:    #7A9EAF;

  /* ── Typography ── */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body:    'Nunito', system-ui, sans-serif;
  --font-ui:      'Nunito Sans', system-ui, sans-serif;

  /* ── Spacing scale (4px base) ── */
  --s1:  4px;
  --s2:  8px;
  --s3:  12px;
  --s4:  16px;
  --s6:  24px;
  --s8:  32px;
  --s12: 48px;
  --s16: 64px;
  --s24: 96px;

  /* ── Border radius ── */
  --r-sm:   8px;
  --r-md:   12px;
  --r-lg:   16px;
  --r-full: 9999px;

  /* ── Shadows (soft, diffuse only) ── */
  --shadow-sm:  0 2px  8px rgba(92,94,60,.08);
  --shadow-md:  0 4px 16px rgba(92,94,60,.11);
  --shadow-lg:  0 8px 32px rgba(92,94,60,.15);
  --shadow-xl:  0 16px 48px rgba(92,94,60,.18);

  /* ── Transitions ── */
  --t: .3s ease;

  /* ── Layout ── */
  --max-width:     1200px;
  --header-height: 72px;
}