/* Generated by scripts/design-tokens.py. Edit shared/design/tokens.json. */
:root {
  --helm-background: #F6F3EC;
  --helm-surface: #FFFEFA;
  --helm-accent: #245A48;
  --helm-onAccent: #FFFFFF;
  --helm-text: #192C25;
  --helm-secondary: #59665E;
  --helm-line: #DEDCD2;
  --helm-space-xs: 4px;
  --helm-space-sm: 8px;
  --helm-space-md: 12px;
  --helm-space-lg: 16px;
  --helm-space-xl: 24px;
  --helm-space-xxl: 32px;
  --helm-space-section: 48px;
  --helm-space-hero: 64px;
  --helm-radius-small: 12px;
  --helm-radius-card: 24px;
  --helm-radius-hero: 32px;
  --helm-type-caption: 12px;
  --helm-type-body: 16px;
  --helm-type-label: 14px;
  --helm-type-heading: 24px;
  --helm-type-title: 34px;
  --helm-type-display: 56px;
  --helm-motion-press: 0.16s;
  --helm-motion-transition: 0.28s;
}
@media (prefers-color-scheme: dark) { :root {
  --helm-background: #101918;
  --helm-surface: #1B2926;
  --helm-accent: #A9D6C3;
  --helm-onAccent: #10251D;
  --helm-text: #F7F3EA;
  --helm-secondary: #B7C3BB;
  --helm-line: #3D4B44;
} }