:root {
  
  --surface-page: #faf7f1;
  --surface-raised: #ffffff;
  --surface-sunken: #f0ebe0;
  --surface-tint: #f0fdf4;
  --surface-deep: #052e16;

  
  --ink-strong: #052e16;
  --ink-body: #3d4436;
  --ink-soft: #6f7563;
  --ink-invert: #ffffff;

  
  --olive: #365314;
  --olive-deep: #24380c;
  --olive-soft: #7d9455;
  --olive-wash: #e8eddc;
  --olive-glow: rgba(54, 83, 20, 0.28);

  
  --line: #e2d9c7;
  --line-strong: #cfc2a8;

  
  --face-display: 'Roboto Slab', Georgia, serif;
  --face-text: 'Open Sans', 'Segoe UI', sans-serif;

  
  --step-hero: clamp(2.5rem, 8vw, 5rem);
  --step-xl: clamp(1.9rem, 4.2vw, 2.7rem);
  --step-lg: clamp(1.35rem, 2.4vw, 1.7rem);
  --step-md: clamp(1.05rem, 1.4vw, 1.2rem);
  --step-sm: 0.9rem;

  
  --gap-xs: 0.5rem;
  --gap-sm: 0.75rem;
  --gap-md: 1rem;
  --gap-lg: 1.5rem;
  --gap-xl: 2rem;
  --band: clamp(2rem, 5vw, 3.5rem);
  --shell: 75rem;

  --radius: 0.5rem;
  --radius-box: 0.875rem;
  --ease: 0.3s ease;
}


[data-theme="dark"] {
  --surface-page: #101408;
  --surface-raised: #1a2011;
  --surface-sunken: #151a0c;
  --surface-tint: #1d2614;
  --ink-strong: #f0fdf4;
  --ink-body: #d6dcc8;
  --ink-soft: #9aa389;
  --olive: #9bb46a;
  --olive-deep: #7d9455;
  --olive-wash: #232c15;
  --line: #2c3519;
  --line-strong: #3d4a22;
}