/*
 * HyperI brand CSS tokens.
 * Source of truth for colours + typography references.
 * Published at https://graphics.hyperi.io/tokens.css
 */

:root {
  /* Palette */
  --hyperi-navy:   #000647;  /* Primary — logo fill, headings */
  --hyperi-blue:   #2EA4F6;  /* Secondary — links, highlights */
  --hyperi-accent: #2DED88;  /* Accent — CTAs, highlights */
  --hyperi-text:   #000000;  /* Body copy */

  /* Typography */
  --hyperi-font-display: "Martel Sans", "Helvetica Neue", Arial, sans-serif;
  --hyperi-font-logo:    "Montserrat", "Helvetica Neue", Arial, sans-serif;
  --hyperi-font-body:    "Martel Sans", "Helvetica Neue", Arial, sans-serif;

  --hyperi-weight-display: 800;  /* ExtraBold / Ultra-Bold */
  --hyperi-weight-body:    400;
}

/* Web fonts served from graphics.hyperi.io/fonts/ */
@font-face {
  font-family: "Martel Sans";
  src: url("https://graphics.hyperi.io/fonts/martel-sans-extrabold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("https://graphics.hyperi.io/fonts/montserrat-extrabold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}