:root {
  --color-brand-primary: #0B5CD4;
  --color-brand-secondary: #0A2342;
  --color-neutral-50: #F7F8FA;
  --color-neutral-100: #EDEFF3;
  --color-neutral-300: #C6CBD4;
  --color-neutral-500: #8B94A3;
  --color-neutral-700: #4B5361;
  --color-neutral-900: #14181F;
  --color-success: #2C8A4A;
  --color-danger: #C62828;
  --color-info: #1565C0;
  --font-size-h1: 40px;
  --line-height-h1: 1.2;
  --font-weight-h1: 700;
  --font-size-h2: 28px;
  --line-height-h2: 1.3;
  --font-weight-h2: 700;
  --font-size-h3: 20px;
  --line-height-h3: 1.4;
  --font-weight-h3: 600;
  --font-size-body: 16px;
  --line-height-body: 1.6;
  --font-weight-body: 400;
  --font-size-caption: 13px;
  --line-height-caption: 1.5;
  --font-weight-caption: 400;
  --spacing-1: 4px;
  --spacing-2: 8px;
  --spacing-3: 16px;
  --spacing-4: 24px;
  --spacing-5: 32px;
  --spacing-6: 48px;
}