@font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/fonts/inter-latin-wght-normal.woff2') format('woff2'); }


:root {

  --brand-primary: #14171C;
  --brand-primary-deep: #000000;
  --brand-accent: #2457D6;
  --brand-teal: #4A5159;
  --brand-tint: #F1F3F5;

  --brand-blue: #2457D6;
  --brand-blue-soft: #E9ECF0;
  --brand-steel: #C7CDD6;

  --brand-blue-grey: #6B7280;
  --brand-brown: #8E684C;
  --brand-mauve: #8A697C;
  --brand-grey: #AEB4AC;
  --brand-gold: #8E684C;
  --brand-beige: #F5F6F7;
  --brand-ink: #1A171B;
  --field-bg: #F3F4F6;


  --surface: #FFFFFF;
  --line: #DCE3E7;
  --line-strong: #AEB4AC;
  --text: var(--brand-ink);
  --text-2: #3A3F45;
  --text-3: #5F6772;


  --ok: #1B7A46;   --ok-bg: #E2F3E8;
  --warn: #8A5300; --warn-bg: #FFF2DA;
  --err: #B3261E;  --err-bg: #FCEBEA;
  --info: #2F6A84; --info-bg: #E6EFF5;


  --font: 'Inter', Arial, Helvetica, sans-serif;
  --fs-xs: 12px; --fs-s: 13px; --fs-sm: 14px; --fs-md: 16px; --fs-lg: 19px; --fs-xl: 24px; --fs-2xl: 30px;
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px; --sp-7: 48px;
  --r-sm: 6px; --r-md: 10px; --r-lg: 14px; --r-xl: 24px; --r-pill: 30px;
  --shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 4px 16px rgba(26, 60, 80, .06);
  --focus: 0 0 0 3px rgba(36, 87, 214, .45);
  --tap: 44px;
}