:root {
  --color-g8-700: #124b35;
  --color-g8-600: #196848;
  --color-g8-500: #23865f;
  --color-g8-100: #dceee6;
  --color-g8-050: #edf6f2;
  --color-ink-900: #17211e;
  --color-ink-700: #41504a;
  --color-surface: #ffffff;
  --color-canvas: #e9efec;
  --color-line: #cfdad5;
  --color-line-strong: #9eb2aa;
  --color-warning: #a15c00;
  --color-danger: #b42318;
  --color-focus: #0c6eec;
  --font-display: "Aptos Display", "Segoe UI Variable Display", "Arial Narrow", sans-serif;
  --font-body: Aptos, "Segoe UI", Arial, sans-serif;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --shadow-soft: 0 12px 36px rgb(23 33 30 / 10%);
}