@ftdata/tokens/dist/web/tokens.css

Fulltime Design Tokens

/**
 * Do not edit directly
 * Generated on Tue, 14 Jan 2025 15:45:33 GMT
 */

:root {
  --color-custom-columnbg: #26333B;
  --color-custom-activeitem: #F1767D;
  --color-custom-item: #FFFFFF;
  --color-success-darker: #004834;
  --color-success-dark: #00694D;
  --color-success-medium: #008764;
  --color-success-light: #73C1AC;
  --color-success-lighter: #E6F4F0;
  --color-warning-darker: #6C3D18;
  --color-warning-dark: #9E5D28;
  --color-warning-medium: #CE7C3A;
  --color-warning-light: #F2C57F;
  --color-warning-lighter: #FFF7DA;
  --color-danger-darker: #651A21;
  --color-danger-dark: #942B35;
  --color-danger-medium: #C13E4A;
  --color-danger-light: #E19199;
  --color-danger-lighter: #FAEAEC;
  --color-accent-darker: #12357A;
  --color-accent-dark: #2051B3;
  --color-accent-medium: #316EE8;
  --color-accent-light: #83AAF7;
  --color-accent-lighter: #DDE8FE;
  --color-neutral-dusk: #26333B;
  --color-neutral-darker: #6B757C;
  --color-neutral-dark: #8E969B;
  --color-neutral-medium: #B1B7BB;
  --color-neutral-light: #D5D8DA;
  --color-neutral-lighter: #F5F5F5;
  --color-neutral-day: #FFFFFF;
  --color-brand-darker: #222B38;
  --color-brand-dark: #2E394A;
  --color-brand-medium: #3B485B;
  --color-brand-light: #616C7D;
  --color-brand-washed: #88919F;
  --font-family-01: 'Inter', sans-serif;
  --font-size-xxs: 10px;
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-md: 16px;
  --font-size-lg: 20px;
  --font-size-xl: 24px;
  --font-size-xxl: 30px;
  --font-size-xxxl: 36px;
  --font-size-display: 48px;
  --font-size-megadisplay: 60px;
  --font-weight-medium: 500;
  --font-weight-bold: 600;
  --line-height-none: 100%;
  --line-height-tight: 120%;
  --line-height-medium: 160%;
  --line-height-distant: 190%;
  --line-height-very-distant: 220%;
  --letter-spacing-tight: -0.03em;
  --letter-spacing-medium: 0em;
  --letter-spacing-distant: 0.03em;
  --letter-spacing-very-distant: 0.06em;
  --letter-case-uppercase: uppercase;
  --border-radius-none: 0px;
  --border-radius-sm: 4px;
  --border-radius-md: 8px;
  --border-radius-lg: 12px;
  --border-radius-pill: 1600px;
  --border-radius-circle: 50%;
  --border-width-none: 0px;
  --border-width-hairline: 1px;
  --border-width-thin: 2px;
  --border-width-thick: 4px;
  --border-width-heavy: 8px;
  --ic-size-small: 16px;
  --ic-size-medium: 24px;
  --ic-size-large: 40px;
  --ic-size-huge: 64px;
  --opacity-level-semiopaque: 0.8;
  --opacity-level-intense: 0.64;
  --opacity-level-medium: 0.32;
  --opacity-level-smoke: 0.16;
  --opacity-level-ghost: 0.08;
  --shadow-level-01: 0px 1px 2px 0px;
  --shadow-level-02: 0px 2px 4px 0px;
  --shadow-level-03: 0px 4px 8px 0px;
  --shadow-level-04: 0px 8px 16px 0px;
  --spacing-inline-00: 2px;
  --spacing-inline-01: 4px;
  --spacing-inline-02: 8px;
  --spacing-inline-03: 16px;
  --spacing-inline-04: 24px;
  --spacing-inline-05: 32px;
  --spacing-inline-06: 40px;
  --spacing-inline-07: 48px;
  --spacing-inline-08: 56px;
  --spacing-inline-09: 64px;
  --spacing-stack-00: 2px;
  --spacing-stack-01: 4px;
  --spacing-stack-02: 8px;
  --spacing-stack-03: 16px;
  --spacing-stack-04: 24px;
  --spacing-stack-05: 32px;
  --spacing-stack-06: 40px;
  --spacing-stack-07: 48px;
  --spacing-stack-08: 56px;
  --spacing-stack-09: 64px;
  --spacing-inset-quarck: 4px;
  --spacing-inset-nano: 8px;
  --spacing-inset-xs: 16px;
  --spacing-inset-sm: 24px;
  --spacing-inset-md: 32px;
  --spacing-inset-lg: 40px;
  --spacing-inset-xl: 48px;
  --spacing-squish-quarck: 4px 8px;
  --spacing-squish-nano: 8px 16px;
  --spacing-squish-sm: 16px 24px;
  --spacing-squish-md: 16px 32px;
  --spacing-squish-lg: 24px 48px;

}