/**
 * variables.css — Kamba brand tokens
 * Single source for all brand colors. Include in every HTML page.
 * JS canvas/SVG contexts: read via getComputedStyle(document.documentElement).getPropertyValue('--sage').trim()
 */
:root {
  /* Sage green — primary brand color (var(--sage)) */
  --sage: #8BA888;

  /* Sage dark — hover states, darker accents (var(--sage-dark)) */
  --sage-dark: #6a8a68;

  /* Warm cream — background */
  --warm: #F5E6D3;

  /* Timber — wood accent */
  --timber: #8B6914;

  /* Bark — dark brown */
  --bark: #3D2B1F;

  /* Grain — golden wood tone */
  --grain: #C4A265;

  /* Sawdust — off-white background */
  --sawdust: #FAF9F6;

  /* Ink — primary text */
  --ink: #1A1410;

  /* Kamba green — deep forest green */
  --kamba-green: #4A6741;
}