/* GENERATED from design/tokens.json — do not edit. Run `npm run codegen` at the repo root. */
/* Light theme only — the landing page does not have a dark mode. */
:root {
  --hh-surface: #f5f8f2;
  --hh-surface-raised: #ffffff;
  --hh-surface-sunken: #eaf0e4;
  --hh-line: #cfdac4;
  --hh-ink: #1c2617;
  --hh-ink-muted: #56654c;
  --hh-leaf: #4b7a2b;
  --hh-leaf-deep: #365a1e;
  --hh-leaf-soft: #ecf5e3;
  --hh-on-leaf: #ffffff;
  --hh-sprout: #8dc63f;
  --hh-sprout-soft: #f0f8e4;
  --hh-tamarind: #a64f0e;
  --hh-tamarind-bright: #e08a3c;
  --hh-tamarind-soft: #fcecdf;
  --hh-on-tamarind: #ffffff;
  --hh-good: #1a7255;
  --hh-good-soft: #dcf2e8;
  --hh-attention: #9a5f05;
  --hh-attention-soft: #fbeecf;
  --hh-red-flag: #b3261e;
  --hh-red-flag-soft: #fbe1df;
  --hh-focus-ring: #4b7a2b;
  --hh-viz-sleep: #5b5fc7;
  --hh-viz-heart: #c9432f;
  --hh-viz-activity: #0f86a8;
  --hh-viz-recovery: #c8811a;
  --hh-viz-nutrition: #8a3f9e;
  --hh-viz-grid: #dde6d6;

  --font-script: 'Kaushan Script', cursive;
  --font-condensed: 'Bebas Neue', sans-serif-condensed, sans-serif;
  --font-lao: 'Noto Sans Lao', 'Phetsarath OT', 'Noto Sans', system-ui, sans-serif;
  --font-sans: 'Manrope', 'Noto Sans Lao', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', monospace;

  --hh-space1: 4.0px;
  --hh-space2: 8.0px;
  --hh-space3: 12.0px;
  --hh-space4: 16.0px;
  --hh-space5: 20.0px;
  --hh-space6: 24.0px;
  --hh-space8: 32.0px;
  --hh-space11: 44.0px;
  --hh-space12: 48.0px;

  --hh-radius-sm: 6.0px;
  --hh-radius-md: 12.0px;
  --hh-radius-lg: 20.0px;
  --hh-radius-pill: 999.0px;
}