:root {
  /* Typography */
  --font-brand: 'Noto Serif Display', Didot, 'Times New Roman', serif;
  --font-product: 'Jost', 'Century Gothic', Futura, sans-serif;
  --font-ui: 'Jost', 'Century Gothic', Futura, sans-serif;
  --font-body: 'EB Garamond', Garamond, Georgia, serif;
  --font-weight-body: 400;
  --font-weight-menu: 500;
  --font-weight-title: 600;

  /* Type scale */
  --text-xs:   0.82rem;
  --text-sm:   1rem;
  --text-base: 1rem;        /* 16px – minimum for About section */
  --text-lg:   1.4rem;
  --text-xl:   1.75rem;
  --text-2xl:  2rem;
  --text-3xl:  3.8rem;
  --text-4xl:  3.8rem;

  /* Spacing */
  --space-xs:  0.25rem;
  --space-sm:  0.5rem;
  --space-md:  1rem;
  --space-lg:  2rem;
  --space-xl:  4rem;
  --space-2xl: clamp(5rem, 10vw, 9rem);

  /* Colors – WCAG AA compliant pairs */
  --color-bg:          #F4F0E7;
  --color-surface:     #E9E1D3;
  --color-text:        #57191D;
  --color-text-muted:  #6E4A46;
  --color-accent:      #FF8B4A;
  --color-accent-dark: #8E321F;
  --color-line:        rgba(87, 25, 29, 0.24);

  /* Breakpoint */
  --bp-mobile: 768px;

  /* Touch target */
  --touch-min: 44px;
}