/* VEV design tokens — single source of truth.
   Every raw colour, type, spacing, radius and easing value lives here.
   styles.css and the pages reference these via var(--…) only; no literal
   hex/rgb should appear anywhere outside this file. Link this BEFORE
   styles.css in every page. */

/* Self-hosted display typeface — Space Grotesk (variable, latin subset).
   Self-hosted rather than loaded from a CDN so the site stays offline-capable
   and free of third-party requests, in line with VEV's EU-sovereignty stance.
   One variable file covers weights 300–700. */
@font-face{
  font-family:"Space Grotesk";
  font-style:normal;
  font-weight:300 700;
  font-display:swap;
  src:url("../assets/space-grotesk-latin.woff2") format("woff2");
}

:root{
  /* ---- Surfaces (paper) ---- */
  --paper:#F2F4F6;
  --paper-2:#FFFFFF;
  --paper-3:#E9ECF0;

  /* ---- Ink / text ---- */
  --ink:#14181E;
  --ink-2:#333A44;
  --ink-soft:#5C646F;

  /* ---- Text on dark (ink) surfaces ---- */
  --ink-inv-2:#CBD2DC;
  --ink-inv-3:#B7BFC9;
  --ink-inv-soft:#9AA4B2;

  /* ---- Lines / borders ---- */
  --line:#DBDFE5;
  --line-2:#C6CBD3;

  /* ---- Accent ---- */
  --accent:#2E4A73;
  --accent-ink:#223A5C;
  --accent-tint:rgba(46,74,115,0.07);

  /* ---- Product accents ---- */
  --atlas:#3E5C86;
  --portic:#9A7A4E;

  /* ---- Structural mask colour (mask-image "keep" stops) ---- */
  --mask:#000;

  /* ---- Type ---- */
  --display:"Space Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --mono:ui-monospace,"SF Mono","JetBrains Mono","Menlo","Consolas",monospace;

  /* ---- Layout / spacing ---- */
  --maxw:1140px;
  --pad:clamp(20px,5vw,48px);

  /* ---- Easing ---- */
  --ease:cubic-bezier(.22,.61,.36,1);

  /* ---- Radii ---- */
  --r-sm:8px;
  --r-md:10px;
  --r-lg:16px;
  --r-xl:18px;
}