:root {
  --brand-ink: #2f3134;
  --brand-ink-raised: #3a3d40;
  --brand-primary: #004ea2;
  --brand-primary-hover: #0091db;
  --brand-primary-light: #07a7dd;
  --brand-primary-tint: #e8f5fc;
  --brand-grad-start: #00abeb;
  --brand-grad-end: #6bc8f2;
  --brand-surface-band: #d5edf5;
  --brand-muted: #54585c;
  --brand-surface: #ffffff;
  --brand-surface-2: #f2f6f7;
  --brand-line: #e4e5e5;
  --brand-accent: #00B07A;
  --brand-accent-strong: #047857;
  --brand-accent-light: #DFF2E3;
  --brand-blue: #0f4c81;
  --brand-dark: #0a2540;
  --brand-orange: #f26522;
  --brand-green: #10b981;
}