@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Teko';
  src: url('/fonts/Teko-Variable.ttf') format('truetype');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --color-navy: #2d3787;
  --color-ink: #14133b;
  --color-cream: #e7e3c7;
  --color-public-bg: #f4f3f0;
  --color-amber: #fbad18;
  --color-teal: #66c9d7;
  --color-white: #ffffff;
  --color-admin-bg: #f4f3f0;

  --font-display: 'Teko', sans-serif;
  --font-body: 'Inter', sans-serif;

  --radius-md: 8px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
}

* { box-sizing: border-box; }
body { margin: 0; font-family: var(--font-body); }