:root {
  /* ---- color ---- */
  --green-950: #0E2A1F;
  --green-900: #143A2A;
  --green-700: #1F5A3F;
  --green-500: #3D7B5F;
  --green-300: #A6C9B0;
  --green-100: #E6EFE9;
  --green-50:  #F1F6F2;

  --amber-600: #C97A1F;
  --amber-100: #FBE9CC;

  --ink-900:   #0F1714;
  --ink-700:   #2A322E;
  --ink-500:   #6A736E;
  --ink-300:   #C9CFCB;
  --ink-100:   #EEF0EE;
  --ink-50:    #F6F7F6;
  --white:     #FFFFFF;

  /* ---- type ---- */
  --font-serif: "Source Serif Pro", Georgia, serif;
  --font-sans:  "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;

  /* ---- radius ---- */
  --r-card: 16px;
  --r-tile: 12px;
  --r-btn:  10px;
  --r-input: 8px;
  --r-pill: 999px;

  /* ---- elevation ---- */
  --shadow-card: 0 1px 2px rgba(15,23,20,.05), 0 8px 24px rgba(15,23,20,.04);
  --shadow-card-lg: 0 4px 10px rgba(15,23,20,.06), 0 24px 48px rgba(15,23,20,.06);

  /* ---- focus ring ---- */
  --focus-ring: 0 0 0 3px rgba(31,90,63,.22);
}