@font-face {
  font-family: Oswald;
  src: url('/assets/fonts/Oswald.ttf') format('truetype');
  font-weight: 200 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('/assets/fonts/IBMPlexSans-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('/assets/fonts/IBMPlexSans-500.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('/assets/fonts/IBMPlexSans-600.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
:root {
  --brand-red: #c5373d;
  --brand-red-hover: #ab2b33;
  --brand-blue: #244b9b;
  --brand-ink: #142440;
  --brand-paper: #f3f1eb;
  --brand-line: #dedfe5;
  --brand-muted: #616b7b;
  --background: #fff;
  --foreground: var(--brand-ink);
  --card: #fff;
  --card-foreground: var(--brand-ink);
  --popover: #fff;
  --popover-foreground: var(--brand-ink);
  --primary: var(--brand-ink);
  --primary-foreground: #fff;
  --secondary: #f1f3f8;
  --secondary-foreground: var(--brand-ink);
  --muted: #f5f5f8;
  --muted-foreground: var(--brand-muted);
  --accent: #edf1fb;
  --accent-foreground: var(--brand-blue);
  --border: var(--brand-line);
  --input: var(--brand-line);
  --ring: var(--brand-blue);
  --destructive: #ac242e;
  --chart-1: #c5373d;
  --chart-2: #244b9b;
  --chart-3: #8ea5d0;
  --chart-4: #d5a7ab;
  --chart-5: #142440;
  --sidebar-primary: var(--brand-ink);
  --sidebar-ring: var(--brand-blue);
}

:root {
  --font-sans: 'IBM Plex Sans', sans-serif;
}
body {
  font-family: 'IBM Plex Sans', sans-serif;
}