/* Generated by scripts/generate-brand-tokens.py; edit DESIGN.md. */
:root {
  --pm-primary: #202B29;
  --pm-secondary: #5E6A63;
  --pm-background: #F6F5F1;
  --pm-surface: #EEEFE8;
  --pm-accent: #245F51;
  --pm-accent-hover: #17483D;
  --pm-on-accent: #FFFFFF;
  --pm-accent-soft: #E2EADF;
  --pm-border: #D2D8CE;
  --pm-control-border: #7B877F;
  --pm-danger: #B53632;
  --pm-dark-primary: #F6F5F1;
  --pm-dark-secondary: #B5C1B8;
  --pm-dark-background: #1D2522;
  --pm-dark-surface: #29332E;
  --pm-dark-accent: #94C7AE;
  --pm-dark-accent-hover: #B2D8C2;
  --pm-dark-on-accent: #18251E;
  --pm-dark-accent-soft: #344A3D;
  --pm-dark-border: #46574C;
  --pm-dark-control-border: #8B9D90;
  --pm-dark-danger: #FFAAA2;
  --pm-rounded-small: 8px;
  --pm-rounded-panel: 12px;
  --pm-rounded-pill: 999px;
  --pm-spacing-micro: 4px;
  --pm-spacing-small: 8px;
  --pm-spacing-medium: 16px;
  --pm-spacing-large: 24px;
  --pm-spacing-section: 48px;
  --pm-spacing-touch: 44px;
  --pm-spacing-sheet: 680px;
  --pm-spacing-page: 1240px;
  --pm-type-display: 80px;
  --pm-type-heading: 40px;
  --pm-type-title: 24px;
  --pm-type-body: 17px;
  --pm-type-control: 15px;
  --pm-type-caption: 13px;
  --pm-type-diagnostic: 11px;
}