:root {
  --color-background-app: #F7F8F6;
  --color-surface: #FFFFFF;
  --color-text-primary: #151A1E;
  --color-text-secondary: #3A444A;
  --color-text-muted: #6B747A;
  --color-brand-primary: #164B3F;
  --color-brand-accent: #1898A4;
  --font-family-sans: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --font-family-mono: IBM Plex Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --font-size-body: 14px;
  --line-height-body: 22px;
  --font-weight-body: 400;
  --font-size-section-title: 18px;
  --font-size-table-dense: 13px;
  --line-height-table-dense: 20px;
  --font-size-label: 12px;
  --line-height-label: 16px;
  --font-size-code: 12px;
  --font-size-public-site-brand-lockup-desktop: 17px;
  --font-size-public-site-brand-lockup-mobile: 15px;
  --font-size-public-site-hero-title-desktop: 58px;
  --line-height-public-site-hero-title-desktop: 64px;
  --font-size-public-site-hero-title-compact: 50px;
  --line-height-public-site-hero-title-compact: 56px;
  --font-size-public-site-hero-title-mobile: 42px;
  --line-height-public-site-hero-title-mobile: 48px;
  --font-size-public-site-hero-statement-desktop: 28px;
  --line-height-public-site-hero-statement-desktop: 36px;
  --font-size-public-site-hero-statement-compact: 25px;
  --line-height-public-site-hero-statement-compact: 33px;
  --font-size-public-site-hero-statement-mobile: 21px;
  --line-height-public-site-hero-statement-mobile: 29px;
  --font-size-public-site-hero-summary-desktop: 16px;
  --line-height-public-site-hero-summary-desktop: 25px;
  --font-size-public-site-hero-summary-mobile: 15px;
  --line-height-public-site-hero-summary-mobile: 23px;
  --font-size-public-site-section-title-desktop: 34px;
  --line-height-public-site-section-title-desktop: 42px;
  --font-size-public-site-section-title-mobile: 28px;
  --line-height-public-site-section-title-mobile: 36px;
  --font-size-public-site-section-body: 16px;
  --line-height-public-site-section-body: 25px;
  --letter-spacing: 0;
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --border-default: 1px;
  --border-strong: 2px;
  --border-color-default: #D8DEDA;
  --border-color-strong: #AAB2B7;
  --focus-outline-width: 2px;
  --focus-outline-color: #1898A4;
  --focus-outline-offset: 2px;
  --status-success-text: #116648;
  --status-success-background: #DDF0E8;
  --status-success-border: #167A5A;
  --status-warning-text: #9D6412;
  --status-warning-background: #F5E8CE;
  --status-warning-border: #B97918;
  --status-error-text: #96302D;
  --status-error-background: #F4DCDC;
  --status-error-border: #B43A35;
  --status-info-text: #117B84;
  --status-info-background: #DDF2F3;
  --status-info-border: #1898A4;
}