/* Generated by design/build_tokens.py from design/tokens.json. Edit tokens.json and re-run; don't edit by hand. */

@font-face {
  font-family: "Dominos Sans Header 1";
  src: url("fonts/DominosSansHeader1.woff2") format("woff2");
  font-weight: 950;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dominos Sans Header 2";
  src: url("fonts/DominosSansHeader2.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dominos Sans Subhead 1";
  src: url("fonts/DominosSansSubhead1.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dominos Sans Subhead 2";
  src: url("fonts/DominosSansSubhead2.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dominos Sans Body";
  src: url("fonts/DominosSansBody.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dominos Sans Body";
  src: url("fonts/DominosSansBold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dominos Sans Body Condensed";
  src: url("fonts/DominosSansBodyCondensed.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dominos Sans Body Compact";
  src: url("fonts/DominosSansBodyCompact.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: light;
  --brand-blue: #0090e2;
  --brand-blue-strong: #006aa8;  /* cleanup-1028: white text on it passes WCAG AA (5.8:1) */
  --accessible-blue: #0077bd;
  --dark-blue: #005c91;
  --brand-red: #ff0000;
  --accessible-red: #e70000;
  --dark-red: #910000;
  --dough-100: #fefaf6;
  --dough-200: #faf2e9;
  --dough-300: #f0decc;
  --dough-700: #c0a58b;
  --lava-800: #8f6c49;
  --lava-1000: #603913;
  --lava-1100: #472b10;
  --white: #ffffff;
  --black: #000000;
  --green: #2e7d32;
  --surface: var(--dough-100);
  --surface-raised: var(--dough-200);
  --surface-sunken: var(--dough-300);
  --line: var(--dough-300);
  --control-border: var(--lava-800);
  --ink: var(--lava-1100);
  --ink-muted: var(--lava-1000);
  --heading: var(--brand-blue);
  --link: var(--dark-blue);
  --emphasis: var(--brand-red);
  --on-brand: var(--dough-100);
  --action: var(--accessible-blue);
  --action-hover: var(--dark-blue);
  --focus: var(--dark-blue);
  --positive: var(--dark-blue);
  --negative: var(--dark-red);
  --chart-ty: var(--brand-blue);
  --chart-ly: var(--lava-800);
  --period-start: var(--green);
  --logo-plate: var(--dough-100);
  --font-display-a: "Dominos Sans Header 1", "Arial Narrow", sans-serif;
  --font-display-b: "Dominos Sans Header 2", "Arial Narrow", sans-serif;
  --font-subhead-a: "Dominos Sans Subhead 1", "Arial Narrow", sans-serif;
  --font-subhead-b: "Dominos Sans Subhead 2", "Arial Narrow", sans-serif;
  --font-text: "Dominos Sans Body", system-ui, sans-serif;
  --font-text-condensed: "Dominos Sans Body Condensed", "Dominos Sans Body", system-ui, sans-serif;
  --font-text-compact: "Dominos Sans Body Compact", "Dominos Sans Body", system-ui, sans-serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --box-chamfer: 24px;
  --radius-pill: 9999px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --shadow-type: 0 2px 15px rgba(96, 57, 19, 0.5), 0 4px 30px rgba(96, 57, 19, 0.25);
  --glow-blue: 0 0 3px rgba(0, 144, 226, 0.4), 0 0 15px rgba(0, 144, 226, 0.3);
  --glow-red: 0 0 3px rgba(255, 0, 0, 0.4), 0 0 15px rgba(255, 0, 0, 0.3);
  --shadow-popover: 0 2px 8px rgba(71, 43, 16, 0.18), 0 8px 24px rgba(71, 43, 16, 0.12);
  --shadow-pressed: inset 0 2px 0 rgba(71, 43, 16, 0.25);
}

.mm-type-heading-a { font-family: var(--font-display-a); font-size: 96px; line-height: 0.77; font-weight: 950; letter-spacing: -0.01em; }
.mm-type-heading-b { font-family: var(--font-display-b); font-size: 72px; line-height: 0.77; font-weight: 800; letter-spacing: -0.01em; }
.mm-type-subheading-a { font-family: var(--font-subhead-a); font-size: 28px; line-height: 1; font-weight: 700; }
.mm-type-subheading-b { font-family: var(--font-subhead-b); font-size: 24px; line-height: 1; font-weight: 700; }
.mm-type-subheading-c { font-family: var(--font-text); font-size: 20px; line-height: 1.2; font-weight: 700; }
.mm-type-body-a { font-family: var(--font-text-condensed); font-size: 16px; line-height: 1.2; font-weight: 400; }
.mm-type-body-b { font-family: var(--font-text-compact); font-size: 16px; line-height: 1.2; font-weight: 400; }
.mm-type-body-c { font-family: var(--font-text); font-size: 16px; line-height: 1.2; font-weight: 400; }
.mm-type-data-hero { font-family: var(--font-text); font-size: 48px; line-height: 1.05; font-weight: 700; }
.mm-type-data-value { font-family: var(--font-text); font-size: 32px; line-height: 1.1; font-weight: 700; }
.mm-type-data-label { font-family: var(--font-text); font-size: 14px; line-height: 1.3; font-weight: 400; }
.mm-type-data-body { font-family: var(--font-text); font-size: 15px; line-height: 1.35; font-weight: 400; }
.mm-type-data-strong { font-family: var(--font-text); font-size: 15px; line-height: 1.35; font-weight: 700; }
.mm-type-control { font-family: var(--font-text); font-size: 15px; line-height: 1.35; font-weight: 700; }
.mm-type-data-caption { font-family: var(--font-text); font-size: 13px; line-height: 1.3; font-weight: 400; }