/* GENERATED by scripts/build_tokens.py from host/chrome/theme.toml. Do not edit. */

@font-face {
  font-family: "Schibsted Grotesk";
  src: url("fonts/SchibstedGrotesk.woff2") format("woff2");
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Figtree";
  src: url("fonts/Figtree.woff2") format("woff2");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Figtree";
  src: url("fonts/Figtree-Italic.woff2") format("woff2");
  font-weight: 300 900;
  font-style: italic;
  font-display: swap;
}

:root {
  /* identity */
  --ub-primary: #2C4B6B;
  --ub-on-primary: #FFFFFF;
  --ub-secondary: #EB9880;
  --ub-ground: #FAF7F4;
  --ub-surface: #FFFFFF;
  --ub-text: #16283B;
  --ub-muted: #5A6A7C;
  --ub-text-2: #3D4F63;
  --ub-primary-dark: #1D3854;
  --ub-primary-soft: #F0F7FE;
  --ub-on-primary-2: #C6D3E1;
  --ub-surface-sunk: #F3F7FC;
  --ub-wash: #FEF3F2;
  --ub-wash-ground: #FEF9F8;
  --ub-paper-dot: #D9DDE3;
  --ub-marker: #FDD05C;
  --ub-on-marker: #2C4B6B;
  --ub-secondary-ink: #A6482D;
  --ub-thread-ghost: #FBD2CB;
  --ub-border: #76859A;
  --ub-line: #E2E6EB;
  --ub-mark-ink: #343FB5;
  --ub-mark-shade: #2A33A0;
  --ub-mark-tip: #F5A623;
  --ub-mark-soft: #EEF0FC;
  /* status */
  --ub-ok: #35690F;
  --ub-warn: #854700;
  --ub-fail: #B02A20;
  --ub-agent: #6B3CC5;
  --ub-sim: #5A6A7C;
  --ub-test-band: #854700;
  --ub-on-status: #FFFFFF;
  --ub-focus: #1F5FAE;
  --ub-focus-on-primary: #FDD05C;
  --ub-ok-soft: #E8F3D6;
  --ub-warn-soft: #FBECD4;
  --ub-fail-soft: #FBE4E1;
  --ub-agent-soft: #F1EBFD;
  --ub-info: #0C636E;
  --ub-info-soft: #DFF1F3;
  /* type */
  --ub-type-body: 'Figtree', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --ub-type-display: 'Schibsted Grotesk', 'Figtree', system-ui, sans-serif;
  --ub-type-display-weight: 800;
  --ub-type-display-tracking: -0.02em;
  --ub-type-size: 17px;
  --ub-type-size-small: 15px;
  --ub-type-size-large: 26px;
  --ub-type-size-eyebrow: 12px;
  --ub-type-size-caption: 13px;
  --ub-type-size-label: 14px;
  --ub-type-size-heading: 18px;
  --ub-type-size-display: 36px;
  --ub-type-size-numeral: 56px;
  --ub-type-line: 1.5;
  /* shape */
  --ub-shape-radius-sm: 6px;
  --ub-shape-radius-md: 12px;
  --ub-shape-radius-lg: 20px;
  --ub-shape-radius-full: 999px;
  --ub-shape-tap: 48px;
  --ub-shape-space: 16px;
  --ub-shape-measure: 34rem;
  --ub-shape-measure-desk: 41rem;
}