/* GENERATED FILE. Do not edit.
   Source: design-system/tokens.json
   Rebuild: python design-system/build_tokens.py

   Every colour, face, size and space in the product comes from here.
   A raw hex or px in a component is a defect: see harness/checks. */

:root {

  /* border */
  --border-radius-dot: 50%;
  --border-radius-lg: 10px;
  --border-radius-md: 8px;
  --border-radius-none: 0px;
  --border-radius-pill: 999px;
  --border-radius-sm: 6px;
  --border-radius-xl: 14px;
  --border-radius-xs: 4px;
  --border-width-hairline: 1px;
  --border-width-heavy: 2px;
  --border-width-rule: 3px;
  --border-width-unit: 1.5px;

  /* color */
  --color-action-hover: #0B41D1;
  --color-action-press: #0937B0;
  --color-action-rest: #1250F6;
  --color-action-tint: #F0F4FF;
  --color-action-tintFirm: #D6E2FF;
  --color-badge-active: #218273;
  --color-badge-committed: #4E38BF;
  --color-badge-invited: #446EDD;
  --color-badge-refused: #CC2B4E;
  --color-badge-suspended: #C24C6F;
  --color-base-band: #F3F4F7;
  --color-base-disabled: #9AA1AD;
  --color-base-faint: #646B78;
  --color-base-hair: #E6E8EC;
  --color-base-hairEdge: #B9BFC9;
  --color-base-hairFirm: #D8DCE3;
  --color-base-hairHeavy: #CFD4DC;
  --color-base-hairSoft: #ECEEF1;
  --color-base-ink: #14161A;
  --color-base-inkSoft: #1D2026;
  --color-base-mute: #4B5260;
  --color-base-muteSoft: #5C636F;
  --color-base-page: #FFFFFF;
  --color-base-paper: #FFFFFF;
  --color-base-sunken: #EEF0F3;
  --color-base-white: #FFFFFF;
  --color-brand-help: #E57703;
  --color-brand-helpHover: #D06C00;
  --color-brand-mark: #1250F6;
  --color-layer-capital: #0B7A66;
  --color-layer-drivers: #1250F6;
  --color-layer-panel: #48505E;
  --color-layer-signal: #CC2B4E;
  --color-semantic-border-faint: #ECEEF1;
  --color-semantic-border-field: #D8DCE3;
  --color-semantic-border-firm: #CFD4DC;
  --color-semantic-border-focus: #1250F6;
  --color-semantic-border-hairline: #E6E8EC;
  --color-semantic-border-unit: #14161A;
  --color-semantic-chart-heatLow: #F0F4FF;
  --color-semantic-chart-series1: #1250F6;
  --color-semantic-chart-series2: #0B7A66;
  --color-semantic-chart-series3: #CC2B4E;
  --color-semantic-chart-series4: #48505E;
  --color-semantic-chart-track: #F3F4F7;
  --color-semantic-risk-elevated: #A54B0A;
  --color-semantic-risk-high: #CC2B4E;
  --color-semantic-risk-low: #207C6E;
  --color-semantic-risk-moderate: #8A6310;
  --color-semantic-risk-refuse: #8E1230;
  --color-semantic-seeded-fill: #F4F7FC;
  --color-semantic-seeded-rule: #8D9DC5;
  --color-semantic-seeded-text: #3B5F7D;
  --color-semantic-status-danger: #CC2B4E;
  --color-semantic-status-info: #1250F6;
  --color-semantic-status-neutral: #4B5260;
  --color-semantic-status-ok: #207C6E;
  --color-semantic-status-onDark: #FF8A80;
  --color-semantic-status-pending: #646B78;
  --color-semantic-status-warning: #A54B0A;
  --color-semantic-statusEdge-warning: #FFDB95;
  --color-semantic-statusFill-warning: #956E46;
  --color-semantic-statusMark-warning: #F0A73D;
  --color-semantic-statusTint-danger: #FCEEF1;
  --color-semantic-statusTint-info: #F0F4FF;
  --color-semantic-statusTint-ok: #EEF7F5;
  --color-semantic-statusTint-pending: #F3F4F7;
  --color-semantic-statusTint-warning: #FFFAE3;
  --color-semantic-surface-band: #F3F4F7;
  --color-semantic-surface-danger: #2A1215;
  --color-semantic-surface-dangerEdge: #5C2B2E;
  --color-semantic-surface-page: #FFFFFF;
  --color-semantic-surface-rail: #14161A;
  --color-semantic-surface-railRaised: #1D2026;
  --color-semantic-surface-raised: #FFFFFF;
  --color-semantic-surface-sunken: #EEF0F3;
  --color-semantic-text-disabled: #9AA1AD;
  --color-semantic-text-inverse: #F2F3F5;
  --color-semantic-text-inverseMute: #A8AEB9;
  --color-semantic-text-link: #1250F6;
  --color-semantic-text-onAccent: #FFFFFF;
  --color-semantic-text-primary: #14161A;
  --color-semantic-text-secondary: #48505E;
  --color-semantic-text-tertiary: #48505E;
  --color-semantic-withheld-fill: #F1F2F5;
  --color-semantic-withheld-rule: #CFD4DC;
  --color-semantic-withheld-text: #48505E;
  --color-tint-capital: #E8F5F1;
  --color-tint-drivers: #F0F4FF;
  --color-tint-panel: #F1F2F5;
  --color-tint-signal: #FCEEF1;

  /* font */
  --font-family-body: Satoshi, aktiv-grotesk, Inter, "Helvetica Neue", Arial, sans-serif;
  --font-family-display: Satoshi, Poppins, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-family-numeric: Satoshi, aktiv-grotesk, Inter, "Helvetica Neue", Arial, sans-serif;
  --font-family-ui: Satoshi, aktiv-grotesk, Inter, "Helvetica Neue", Arial, sans-serif;
  --font-lineHeight-flat: 1;
  --font-lineHeight-loose: 1.7;
  --font-lineHeight-normal: 1.55;
  --font-lineHeight-snug: 1.35;
  --font-lineHeight-tight: 1.2;
  --font-size-body: 14px;
  --font-size-bodyLarge: 16px;
  --font-size-display: 26px;
  --font-size-eyebrow: 10px;
  --font-size-figure: 22px;
  --font-size-heading: 16px;
  --font-size-hero: 40px;
  --font-size-micro: 11px;
  --font-size-small: 12px;
  --font-size-title: 20px;
  --font-tracking-label: 0.06em;
  --font-tracking-normal: 0em;
  --font-tracking-snug: -0.01em;
  --font-tracking-tight: -0.02em;
  --font-tracking-wide: 0.14em;
  --font-weight-bold: 700;
  --font-weight-heavy: 800;
  --font-weight-medium: 500;
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --font-weight-text: 450;

  /* layout */
  --layout-asideWidth: 360px;
  --layout-columnMin: 260px;
  --layout-contentMax: 1400px;
  --layout-docWidth: 540px;
  --layout-formMax: 480px;
  --layout-measureMax: 72ch;
  --layout-pagePad: 24px;
  --layout-railWidth: 232px;
  --layout-topbar: 60px;

  /* motion */
  --motion-duration-instant: 0ms;
  --motion-duration-quick: 140ms;
  --motion-duration-slow: 240ms;

  /* size */
  --size-avatar: 28px;
  --size-brand: 26px;
  --size-bullet: 5px;
  --size-control: 32px;
  --size-dot: 8px;
  --size-field: 44px;
  --size-helpmark: 22px;
  --size-icon: 18px;
  --size-iconLg: 24px;
  --size-iconSm: 14px;
  --size-logo: 36px;
  --size-skeleton: 11px;
  --size-track: 6px;
  --size-trackTall: 10px;

  /* space */
  --space-huge: 64px;
  --space-lg: 16px;
  --space-md: 12px;
  --space-sm: 8px;
  --space-xl: 24px;
  --space-xs: 4px;
  --space-xxl: 32px;
  --space-xxs: 2px;
  --space-xxxl: 48px;
}

/* Satoshi Variable, Fontshare, ITF Free Font License (fonts/Satoshi-LICENSE.txt) */
@font-face {
  font-family: Satoshi;
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url("fonts/Satoshi-Variable.woff2") format("woff2");
}