/* Generated by scripts/build-tokens.py from brand/tokens/tokens.json. Do not edit. */
:root {

  /* color */
  --tb-color-core-white-lithium-grease: #F5F4F1;
  --tb-color-core-red-hot-bearing: #D12B27;
  --tb-color-core-purple-flame: #48479D;
  --tb-color-core-titanium-grey: #9A9FA6;
  --tb-color-core-dead-metal-spark: #131313;
  --tb-color-extended-red-050: #F5E2DD;
  --tb-color-extended-red-100: #F4D0C8;
  --tb-color-extended-red-200: #EFACA1;
  --tb-color-extended-red-300: #E8867A;
  --tb-color-extended-red-400: #DE5E52;
  --tb-color-extended-red-500: #D12B27;
  --tb-color-extended-red-600: #A72B25;
  --tb-color-extended-red-700: #802923;
  --tb-color-extended-red-800: #5A241F;
  --tb-color-extended-purple-050: #E2E2EA;
  --tb-color-extended-purple-100: #CFD1E2;
  --tb-color-extended-purple-200: #AAAED2;
  --tb-color-extended-purple-300: #878BC1;
  --tb-color-extended-purple-400: #6669B0;
  --tb-color-extended-purple-500: #48479D;
  --tb-color-extended-purple-600: #3C3D7F;
  --tb-color-extended-purple-700: #313262;
  --tb-color-extended-purple-800: #262846;
  --tb-color-extended-grey-050: #ECEBE9;
  --tb-color-extended-grey-100: #E2E2E2;
  --tb-color-extended-grey-200: #D0D1D2;
  --tb-color-extended-grey-300: #BDC0C3;
  --tb-color-extended-grey-400: #ACAFB5;
  --tb-color-extended-grey-500: #9A9FA6;
  --tb-color-extended-grey-600: #7C8085;
  --tb-color-extended-grey-700: #5F6266;
  --tb-color-extended-grey-800: #444648;
  --tb-color-extended-neutral-000: #F5F4F1;
  --tb-color-extended-neutral-050: #EBEAE7;
  --tb-color-extended-neutral-100: #E0DFDD;
  --tb-color-extended-neutral-200: #CCCBC9;
  --tb-color-extended-neutral-300: #A9A8A6;
  --tb-color-extended-neutral-400: #858583;
  --tb-color-extended-neutral-500: #686766;
  --tb-color-extended-neutral-600: #4D4D4C;
  --tb-color-extended-neutral-700: #393938;
  --tb-color-extended-neutral-800: #252525;
  --tb-color-extended-neutral-900: #131313;
  --tb-color-semantic-surface: var(--tb-color-core-white-lithium-grease);
  --tb-color-semantic-surface-inverse: var(--tb-color-core-dead-metal-spark);
  --tb-color-semantic-surface-signal: var(--tb-color-core-red-hot-bearing);
  --tb-color-semantic-text: var(--tb-color-core-dead-metal-spark);
  --tb-color-semantic-text-inverse: var(--tb-color-core-white-lithium-grease);
  --tb-color-semantic-text-muted: var(--tb-color-extended-neutral-500);
  --tb-color-semantic-text-muted-inverse: var(--tb-color-core-titanium-grey);
  --tb-color-semantic-accent: var(--tb-color-core-red-hot-bearing);
  --tb-color-semantic-accent-text-on-dark: var(--tb-color-extended-red-300);
  --tb-color-semantic-line: var(--tb-color-core-titanium-grey);
  --tb-color-semantic-grid: var(--tb-color-extended-grey-200);
  --tb-color-semantic-focus: var(--tb-color-core-purple-flame);

  /* usage-ratio */
  --tb-usage-ratio-white-lithium-grease: 60;
  --tb-usage-ratio-dead-metal-spark: 25;
  --tb-usage-ratio-red-hot-bearing: 10;
  --tb-usage-ratio-purple-flame-and-titanium-grey: 5;

  /* font */
  --tb-font-family-sans: "Futura 100", Jost, Futura, "Century Gothic", system-ui, sans-serif;
  --tb-font-family-display: "Proximity Pearls", "Instrument Serif", Georgia, serif;
  --tb-font-weight-light: 300;
  --tb-font-weight-book: 400;
  --tb-font-weight-medium: 500;
  --tb-font-weight-demibold: 600;
  --tb-font-weight-bold: 700;
  --tb-font-tracking-sans: -0.025em;
  --tb-font-tracking-display: -0.1em;
  --tb-font-tracking-label: 0em;

  /* typography */
  --tb-typography-display-xl-font-family: var(--tb-font-family-display);
  --tb-typography-display-xl-font-size: 128px;
  --tb-typography-display-xl-font-weight: 700;
  --tb-typography-display-xl-line-height: 0.9;
  --tb-typography-display-xl-letter-spacing: -12.8px;
  --tb-typography-display-l-font-family: var(--tb-font-family-display);
  --tb-typography-display-l-font-size: 88px;
  --tb-typography-display-l-font-weight: 700;
  --tb-typography-display-l-line-height: 0.95;
  --tb-typography-display-l-letter-spacing: -8.8px;
  --tb-typography-display-m-font-family: var(--tb-font-family-display);
  --tb-typography-display-m-font-size: 56px;
  --tb-typography-display-m-font-weight: 700;
  --tb-typography-display-m-line-height: 1.0;
  --tb-typography-display-m-letter-spacing: -5.6px;
  --tb-typography-heading-1-font-family: var(--tb-font-family-sans);
  --tb-typography-heading-1-font-size: 48px;
  --tb-typography-heading-1-font-weight: 500;
  --tb-typography-heading-1-line-height: 1.05;
  --tb-typography-heading-1-letter-spacing: -1.2px;
  --tb-typography-heading-2-font-family: var(--tb-font-family-sans);
  --tb-typography-heading-2-font-size: 32px;
  --tb-typography-heading-2-font-weight: 500;
  --tb-typography-heading-2-line-height: 1.15;
  --tb-typography-heading-2-letter-spacing: -0.8px;
  --tb-typography-heading-3-font-family: var(--tb-font-family-sans);
  --tb-typography-heading-3-font-size: 24px;
  --tb-typography-heading-3-font-weight: 500;
  --tb-typography-heading-3-line-height: 1.25;
  --tb-typography-heading-3-letter-spacing: -0.6px;
  --tb-typography-body-l-font-family: var(--tb-font-family-sans);
  --tb-typography-body-l-font-size: 20px;
  --tb-typography-body-l-font-weight: 300;
  --tb-typography-body-l-line-height: 1.5;
  --tb-typography-body-l-letter-spacing: -0.5px;
  --tb-typography-body-font-family: var(--tb-font-family-sans);
  --tb-typography-body-font-size: 16px;
  --tb-typography-body-font-weight: 400;
  --tb-typography-body-line-height: 1.55;
  --tb-typography-body-letter-spacing: -0.4px;
  --tb-typography-small-font-family: var(--tb-font-family-sans);
  --tb-typography-small-font-size: 14px;
  --tb-typography-small-font-weight: 400;
  --tb-typography-small-line-height: 1.5;
  --tb-typography-small-letter-spacing: -0.35px;
  --tb-typography-label-font-family: var(--tb-font-family-sans);
  --tb-typography-label-font-size: 12px;
  --tb-typography-label-font-weight: 500;
  --tb-typography-label-line-height: 1.4;
  --tb-typography-label-letter-spacing: 0.0px;

  /* space */
  --tb-space-half: 10.0px;
  --tb-space-1: 20px;
  --tb-space-2: 40px;
  --tb-space-3: 60px;
  --tb-space-4: 80px;
  --tb-space-6: 120px;
  --tb-space-8: 160px;
  --tb-space-12: 240px;

  /* grid */
  --tb-grid-module: 20px;
  --tb-grid-gutter: var(--tb-space-1);
  --tb-grid-margin-screen: var(--tb-space-3);
  --tb-grid-margin-print: 60px;
  --tb-grid-columns-screen: 12;
  --tb-grid-columns-print-a4: 6;

  /* radius */
  --tb-radius-none: 0px;
  --tb-radius-mark: 4px;
  --tb-radius-round: 9999px;

  /* motion */
  --tb-motion-duration-fast: 120ms;
  --tb-motion-duration-base: 240ms;
  --tb-motion-duration-slow: 480ms;
  --tb-motion-duration-spin: 1600ms;
  --tb-motion-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --tb-motion-easing-spin-up: cubic-bezier(0.55, 0, 0.8, 0.25);
  --tb-motion-easing-friction: cubic-bezier(0.1, 0.7, 0.2, 1);
  --tb-motion-easing-bearing: cubic-bezier(0.65, 0, 0.15, 1);
}

@media (max-width: 480px) {
  :root { --tb-grid-margin-screen: 16px; }
}