/* Generated from src/design-system.json. */
:root {
  --surface: #ffffff;
  --surface-muted: #f5f5f5;
  --surface-raised: #ffffff;
  --text: #242424;
  --text-secondary: #616161;
  --border: #dedede;
  --border-strong: #858585;
  --accent: #242424;
  --accent-hover: #484848;
  --accent-soft: #eeeeee;
  --surface-inverse: #242424;
  --surface-inverse-hover: #484848;
  --text-inverse: #ffffff;
  --text-inverse-secondary: #dedede;
  --border-inverse: #858585;
  --accent-inverse: #eeeeee;
  --type-label: 0.75rem;
  --type-caption: 0.8125rem;
  --type-control: 0.875rem;
  --type-small: 0.875rem;
  --type-body: 1rem;
  --type-reading: 1.0625rem;
  --type-lead: clamp(1.0625rem, 1.3vw, 1.1875rem);
}