/* Design tokens: values from the GD65 variables in Figma */
@font-face {
  font-family: "Hudprom";
  src: url("../fonts/hudprom-bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  /* Hudprom has empty glyphs for - · ‘ ’ ≈ × @ € and arrows: those characters fall back to Inter */
  unicode-range: U+0000-002C, U+002E-003F, U+0041-00B6, U+00B8-00D6, U+00D8-2010, U+2012-2017, U+201A-20AB, U+20AD-218F, U+2200-2247, U+2249-FFFF;
}

:root {
  /* colour */
  --bg: #ffffff;
  --surface: #f5f5f4;
  --placeholder: #ededeb;
  --ink: #191918;
  --ink-2: #4f4f4c;
  --ink-3: #8a8a85;
  --line: #dcdcd9;
  --line-strong: #191918;
  --accent: #3b5bdb;
  --inv: #191918;
  --inv-text: #ffffff;
  --inv-text-2: #c2c2be;
  --inv-line: #4f4f4c;
  --mat-grey: #8a8984;     /* passe-partout in the image viewer */

  /* type */
  --font-head: "Hudprom", "Inter", system-ui, sans-serif;
  --font-text: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fs-display: 240px;
  --fs-h1: 72px;
  --fs-h2: 48px;
  --fs-h3: 28px;
  --fs-stat: 72px;
  --fs-lead: 24px;
  --fs-body: 18px;
  --fs-small: 15px;
  --fs-nav: 16px;
  --fs-caption: 13px;
  --fs-label: 12px;

  /* space */
  --s-2xs: 4px;
  --s-xs: 8px;
  --s-s: 12px;
  --s-m: 16px;
  --s-l: 24px;
  --s-xl: 32px;
  --s-2xl: 48px;
  --s-3xl: 64px;
  --s-4xl: 96px;
  --s-section: 144px;

  /* grid */
  --page: 1440px;
  --margin: 40px;
  --gutter: 20px;
  --text-width: 680px;
  --header: 72px;
  --subnav: 0px;
  --radius-full: 999px;
}