/* Generated by marketing/make_brand.py from frontend/src/brand/tokens.json. Do not edit. */
:root {
  --ba-navy: #10283D;
  --ba-navy-hsl: 208 58% 15%;
  --ba-navy-950: #0A1B2A;
  --ba-navy-950-hsl: 208 62% 10%;
  --ba-navy-800: #163450;
  --ba-navy-800-hsl: 209 57% 20%;
  --ba-navy-700: #1E4262;
  --ba-navy-700-hsl: 208 53% 25%;
  --ba-navy-600: #2D5475;
  --ba-navy-600-hsl: 207 44% 32%;
  --ba-green: #16A67A;
  --ba-green-hsl: 162 77% 37%;
  --ba-green-600: #11825F;
  --ba-green-600-hsl: 161 77% 29%;
  --ba-green-700: #0D6B4E;
  --ba-green-700-hsl: 161 78% 24%;
  --ba-green-100: #D3F0E6;
  --ba-green-100-hsl: 159 49% 88%;
  --ba-green-50: #EAF7F2;
  --ba-green-50-hsl: 157 45% 94%;
  --ba-white: #FFFFFF;
  --ba-white-hsl: 0 0% 100%;
  --ba-bg: #F3F7F8;
  --ba-bg-hsl: 192 26% 96%;
  --ba-surface-2: #EAF0F2;
  --ba-surface-2-hsl: 195 24% 93%;
  --ba-line: #D9E3E8;
  --ba-line-hsl: 200 25% 88%;
  --ba-ink: #10283D;
  --ba-ink-hsl: 208 58% 15%;
  --ba-ink-2: #3E5468;
  --ba-ink-2-hsl: 209 25% 33%;
  --ba-muted: #5A6E7F;
  --ba-muted-hsl: 208 17% 43%;
  --ba-on-navy: #C9D6E0;
  --ba-on-navy-hsl: 206 27% 83%;
  --ba-on-navy-muted: #94A9BA;
  --ba-on-navy-muted-hsl: 207 22% 65%;
  --ba-amber: #B45309;
  --ba-amber-hsl: 26 90% 37%;
  --ba-amber-bg: #FEF3C7;
  --ba-amber-bg-hsl: 48 96% 89%;
  --ba-amber-line: #FCD34D;
  --ba-amber-line-hsl: 46 97% 65%;
  --ba-red: #C62828;
  --ba-red-hsl: 0 66% 47%;
  --ba-font-ui: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --ba-font-mono: 'Source Code Pro', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --ba-radius: 8px;
}