@font-face {
  font-family: "BethanyElingston";
  src: url("../fonts/bethany-elingston.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/inter.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/inter.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-heading: "BethanyElingston", serif;
  --font-body: "Inter", sans-serif;

  --color-text-primary: #0b1b26;
  --color-text-secondary: #374151;
  --color-brand-surface: #f9fafb;
  --color-brand-green: #1e4d2b;
  --color-brand-green-dark: #225b34;
  --color-brand-green-muted: rgba(30, 77, 43, 0.1);
  --color-brand-orange: #f15a3a;

  /* Neutrals / UI tokens */
  --color-border-subtle: #e5e7eb;
  --color-text-muted: #9ca3af;
  --color-surface-subtle: #f5f7f9;
  --color-neutral-darkest-5: rgba(11, 27, 38, 0.05);  

  --container-max: 1120px;
  --container-padding: 20px;
}