/* VertMatch brand, copied into the SEO repo (SEO-PUBLISHING-APPROACH.md section 5, option B).
   Source: vertmatch-monorepo docs/design-system/colors_and_type.css and frontend/public/
   at monorepo commit e992633. Only the tokens these pages use are kept.
   This is a second copy: when the brand changes in the SPA, re-copy by hand. */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('fonts/InterVariable.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url('fonts/InterVariable-Italic.woff2') format('woff2');
}
/* Headline cut. Only weight 800 is copied; h1/h2 use it. */
@font-face {
  font-family: 'InterDisplay';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('fonts/InterDisplay-ExtraBold.woff2') format('woff2');
}

:root {
  --vm-accent:       #0E7C7B;
  --vm-accent-dark:  #096564;
  --vm-accent-a08:   rgba(14, 124, 123, 0.08);
  --vm-bg-app:       #f6f4f0;
  --vm-surface:      #fdfcf9;
  --vm-fg-1:         #1c2730;
  --vm-fg-2:         #566370;
  --vm-slate-200:    #e2e8f0;
  --vm-font-display: 'InterDisplay', 'Inter', ui-sans-serif, system-ui, 'Helvetica', 'Arial', sans-serif;
  --vm-font-body:    'Inter', 'InterDisplay', ui-sans-serif, system-ui, 'Helvetica', 'Arial', sans-serif;
}