/* Generated from brand/standard/ 0.50.0 by brand/scripts/standard.mjs. Do not edit. */
:root {
  --ztag-blue: #00a3e0;
  --ztag-red: #f9423a;
  --ztag-blue10: #e1f8ff;
  --ztag-navy: #0256a0;
  --ztag-cyan: #39c2d6;
  --ztag-green: #62bb46;
  --ztag-yellow: #fac224;
  --ztag-orange: #f37819;
  --ztag-rose: #eb249b;
  --ink: #111317;
  --muted: #626a73;
  --line: #d9e2e7;
  --line-strong: #bccbd2;
  --surface: #f3f6f7;
  --surface-blue: #eef8fc;
  --paper: #ffffff;
  --page-width: 1180px;
  --radius-card: 4px;
  --radius-button: 4px;
  --radius-overlay: 8px;
  --touch-target: 44px;
  --space-compact: 8px;
  --space-control: 12px;
  --space-component: 24px;
  --space-section: 64px;
  --font: "Montserrat", Arial, sans-serif;
  --font-kids: "marvin-round", "Arial Rounded MT Bold", sans-serif;
  --font-data: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --type-display: 48px;
  --leading-display: 1.05;
  --type-section: 32px;
  --leading-section: 1.16;
  --type-subheading: 18px;
  --leading-subheading: 1.35;
  --type-body: 16px;
  --leading-body: 1.6;
  --type-ui: 14px;
  --leading-ui: 1.4;
  --type-caption: 12px;
  --leading-caption: 1.4;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-extrabold: 800;
}

@media (max-width: 820px) {
  :root {
    --type-display: 38px;
    --type-section: 27px;
  }
}

@media (max-width: 540px) {
  :root {
    --type-display: 34px;
  }
}