:root {
  --green-900: #38471B; /* sparsh-forest-dark */
  --green-800: #3F521E;
  --green-700: #4A5D23; /* sparsh-forest */
  --green-600: #576E2A;
  --green-500: #6B7D3A; /* sparsh-olive */
  --green-200: #E6ECCF;
  --green-100: #F1F6DF;
  --green-50: #FBFDF6;

  --yellow-600: #FBF3C4; /* sparsh-sage */
  --yellow-500: #D9A91E; /* sparsh-gold */
  --yellow-400: #C2951A; /* sparsh-gold-dark */
  --yellow-300: #E5BE4A;
  --yellow-200: #F3DC87;
  --yellow-100: #FAF0C5;
  --yellow-50: #FFFDF0;

  --ink-900: #3A3A22; /* sparsh-ink */
  --ink-700: #4A4A2E;
  --ink-500: #6B6B48;
  --ink-300: #9C9C78;

  --surface-0: #FFFBE6; /* sparsh-cream */
  --surface-1: #FFFFFF; /* white */
  --surface-2: #FBF3C4; /* sparsh-sage */
  --leaf-tint: rgba(74, 93, 35, 0.10);
  --shadow-soft: 0 4px 20px rgba(58, 58, 34, 0.07);
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --font-display: "Times New Roman", Times, Georgia, serif;
  --font-body: "Times New Roman", Times, Georgia, serif;
  --header-h: 5.25rem;
  --max: 80rem;
  --focus: 0 0 0 3px var(--surface-0), 0 0 0 6px var(--green-700);
  --transition: 220ms cubic-bezier(0.22, 1, 0.36, 1);
  --transition-smooth: 320ms cubic-bezier(0.16, 1, 0.3, 1);
}