:root {
  /* Colors */
  --color-bg:         #F7F4EF;
  --color-surface:    #EDEAE3;
  --color-ink:        #1A1714;
  --color-ink-muted:  #6B6560;
  --color-accent:     #1E3A5F;
  --color-accent-dim: #6B9AC4;
  --color-border:     #D8D4CC;

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

  /* Fluid Type Scale */
  --text-hero: clamp(3rem, 9vw, 6rem);
  --text-2xl:  clamp(2rem, 6vw, 3.25rem);
  --text-xl:   clamp(1.5rem, 4vw, 2rem);
  --text-lg:   clamp(1.125rem, 2.5vw, 1.375rem);
  --text-base: 1rem;
  --text-sm:   0.875rem;

  /* Spacing */
  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  2rem;
  --space-lg:  4rem;
  --space-xl:  8rem;
  --space-2xl: 12rem;

  /* Layout */
  --max-width: 1200px;
  --gutter:    clamp(1.25rem, 5vw, 3rem);

  /* Motion */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 200ms;
  --duration-base: 400ms;
  --duration-slow: 600ms;

  /* Borders */
  --radius-sm: 2px;
  --radius-md: 6px;
  --radius-lg: 12px;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(26, 23, 20, 0.08);
  --shadow-md: 0 4px 16px rgba(26, 23, 20, 0.10);
  --shadow-lg: 0 12px 40px rgba(26, 23, 20, 0.14);
}