:root {
  color-scheme: light dark;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --accent: #11815e;
  --accent-2: #0b5c44;
  --bg-0: #edf3ef;
  --bg-2: #d6e2db;
  --tx-0: #14271e;
  --tx-1: #54645c;
  --r-sm: 10px;
  --r-tiny: 4px;
  --text-heading: clamp(2rem, 6vw, 2.75rem);
  --text-title: 1.35rem;
  --text-body: 1rem;
  --text-body-sm: 0.875rem;
  --lh-tight: 1.3;
  --lh-loose: 1.9;
  --duration-fast: 160ms;
  --ease-standard: cubic-bezier(.2, .8, .2, 1);
  --focus-ring: 0 0 0 3px rgba(17, 129, 94, .3);
  --z-toast: 10001;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg-0: #0a1210;
    --bg-2: #23342b;
    --tx-0: #eff8f2;
    --tx-1: #a9bbb1;
    --accent: #38c995;
    --accent-2: #6de2b4;
  }
}

* { box-sizing: border-box; }

html, body { margin: 0; min-block-size: 100%; }

body {
  background: var(--bg-0);
  color: var(--tx-0);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

.bm-root { min-block-size: 100dvh; }