:root {
  /* ─── Brand colors (from logo) ────────────────── */
  --color-blue:            #B8CFE0;
  --color-blue-light:      #D6E4EE;
  --color-blue-pale:       #E8EFF5;
  --color-blue-dark:       #7BA3BF;
  --color-burgundy:        #7C2D3E;
  --color-burgundy-light:  #B05A6E;
  --color-burgundy-dark:   #5A1F2D;

  /* ─── Blended neutrals (blue-tinted creams) ───── */
  --color-cream:           #F0EDE8;
  --color-cream-blue:      #E8ECF0;
  --color-stone:           #DDD8D1;
  --color-stone-blue:      #D1D8DF;
  --color-text:            #2C2A28;
  --color-text-muted:      #7A7269;

  /* ─── Overlays ──────────────────────────────── */
  --color-blue-overlay:    rgba(184, 207, 224, 0.15);
  --color-dark-overlay:    rgba(44, 42, 40, 0.45);

  /* ─── Section backgrounds (warm→cool flow) ───── */
  --color-section-warm:    #F0EDE8;
  --color-section-cool:    #E4EAF0;

  /* ─── Typography ─────────────────────────────── */
  --font-serif:  'Cormorant Garamond', Georgia, serif;
  --font-sans:   'Jost', system-ui, sans-serif;

  --text-xs:     0.75rem;
  --text-sm:     0.875rem;
  --text-base:   1rem;
  --text-lg:     1.125rem;
  --text-xl:     1.25rem;
  --text-2xl:    1.5rem;
  --text-3xl:    2rem;
  --text-4xl:    2.75rem;
  --text-hero:   clamp(2.5rem, 6vw, 5rem);

  --weight-light:    300;
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;

  --line-height-tight:   1.15;
  --line-height-normal:  1.6;

  /* ─── Spacing ────────────────────────────────── */
  --space-1:   0.25rem;
  --space-2:   0.5rem;
  --space-3:   0.75rem;
  --space-4:   1rem;
  --space-6:   1.5rem;
  --space-8:   2rem;
  --space-12:  3rem;
  --space-16:  4rem;
  --space-24:  6rem;
  --space-32:  8rem;

  /* ─── Layout ─────────────────────────────────── */
  --max-width:         1200px;
  --section-padding:   clamp(4rem, 8vw, 8rem);

  /* ─── Borders & radius ───────────────────────── */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   16px;

  /* ─── Transitions ────────────────────────────── */
  --transition-fast:   150ms ease;
  --transition-base:   300ms ease;
  --transition-slow:   600ms ease;

  /* ─── Shadows ────────────────────────────────── */
  --shadow-sm:   0 1px 4px rgba(44, 42, 40, 0.08);
  --shadow-md:   0 4px 16px rgba(44, 42, 40, 0.12);
  --shadow-lg:   0 12px 40px rgba(44, 42, 40, 0.16);
}