:root {
  /* Olive & Ember — Design Tokens */
  --oe-cream:        #FAF7F2;
  --oe-warm-white:   #FFFDF9;
  --oe-charcoal:     #1F1B16;
  --oe-graphite:     #3A342D;
  --oe-muted:        #6B6259;
  --oe-muted-soft:   #9A9287;
  --oe-border:       #EDE6DA;
  --oe-border-soft:  #F2EDE3;

  --oe-gold:         #C8A45C;
  --oe-gold-dark:    #A5864A;
  --oe-terracotta:   #C76B4A;
  --oe-terracotta-dk:#A95436;
  --oe-rose:         #D4A5A0;
  --oe-sage:         #A8B5A0;

  /* Typography */
  --oe-font-serif:  "Fraunces", "Cormorant Garamond", Georgia, serif;
  --oe-font-sans:   "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;

  /* Type scale */
  --oe-fs-hero:     clamp(2.5rem, 5vw + 1rem, 4.75rem);
  --oe-fs-display:  clamp(2rem, 3vw + 0.5rem, 3rem);
  --oe-fs-h1:       clamp(1.75rem, 2vw + 0.5rem, 2.5rem);
  --oe-fs-h2:       clamp(1.375rem, 1.2vw + 0.5rem, 1.75rem);
  --oe-fs-h3:       1.125rem;
  --oe-fs-body:     1rem;
  --oe-fs-sm:       0.875rem;
  --oe-fs-xs:       0.75rem;

  /* Spacing */
  --oe-space-1: 0.25rem;
  --oe-space-2: 0.5rem;
  --oe-space-3: 0.75rem;
  --oe-space-4: 1rem;
  --oe-space-5: 1.5rem;
  --oe-space-6: 2rem;
  --oe-space-7: 3rem;
  --oe-space-8: 4.5rem;
  --oe-space-9: 6rem;

  /* Radii */
  --oe-r-sm: 6px;
  --oe-r-md: 12px;
  --oe-r-lg: 18px;
  --oe-r-xl: 28px;

  /* Shadows — soft, editorial */
  --oe-shadow-sm: 0 1px 2px rgba(31, 27, 22, 0.04), 0 1px 3px rgba(31, 27, 22, 0.06);
  --oe-shadow-md: 0 4px 12px rgba(31, 27, 22, 0.06), 0 2px 4px rgba(31, 27, 22, 0.04);
  --oe-shadow-lg: 0 14px 32px rgba(31, 27, 22, 0.10), 0 4px 8px rgba(31, 27, 22, 0.04);
  --oe-shadow-hover: 0 20px 40px rgba(31, 27, 22, 0.12);

  /* Transitions */
  --oe-t-fast: 160ms ease;
  --oe-t: 240ms cubic-bezier(0.25, 0.8, 0.35, 1);
  --oe-t-slow: 420ms cubic-bezier(0.25, 0.8, 0.35, 1);

  /* Layout */
  --oe-container-max: 1240px;
  --oe-header-height: 88px;
}