/* VAIRIFY.ME — brand layer (Brand und Design Guide 0.2, 2026-09-09). Shared by every page:
   the public site, the demo, the fair pages, the Kontakt pages, the portal, the dashboard and the
   Leitstelle wall. Tokens only — no layout. sRGB values as printed in the guide (slides 7–12).
   Fonts are self-hosted from the master files (slide 13); nothing is fetched from a third party. */

@font-face {
  font-family: "Montserrat";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("/public/fonts/Montserrat-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("/public/fonts/Montserrat-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url("/public/fonts/Montserrat-ExtraBold.ttf") format("truetype");
}
@font-face {
  font-family: "Inter";
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  src: url("/public/fonts/Inter-Variable.ttf") format("truetype");
}

:root {
  /* brand and base colours (slide 7/9) */
  --vm-verify-green: #22c55e;   /* the one accent: AI, .ME, CTA, active states */
  --vm-deep-green: #0f3d2e;     /* depth, shadow, dark brand surfaces */
  --vm-dark-slate: #111827;     /* primary text on light; the dark surface */
  --vm-light-gray: #f3f4f6;     /* neutral UI surface, cards, calm grounds */
  --vm-black: #000000;          /* logo ground only */
  --vm-white: #ffffff;          /* logo ground and text on dark */

  /* status colours (slide 10) — always with a word or an icon, never alone */
  --vm-success: #18b03d;
  --vm-warning: #f59e0b;
  --vm-critical: #ef4444;
  --vm-operator: #60a5fa;       /* taken over by a person */

  /* derived, for UI depth on the dark surface */
  --vm-slate-2: #1a2333;
  --vm-slate-3: #243044;
  --vm-line: rgba(255, 255, 255, 0.10);
  --vm-muted: #9aa5b8;
  --vm-soft: #cbd3e0;
  --vm-green-soft: rgba(34, 197, 94, 0.16);

  /* type (slide 13/14): Montserrat for headlines, key figures, CTA; Inter for everything read */
  --vm-font-display: "Montserrat", Arial, Helvetica, sans-serif;
  --vm-font-text: "Inter", Arial, Helvetica, sans-serif;
  --vm-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}