@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap');

/* ============================================================
   HOSTNER — BRAND VARIABLES (single source of truth)
   Bron: Merkfundament 2026 v1.3 + mockup v3 ("Dead Server")
   Eén monospace-familie. Geen sans-serif. Geen gradients.
   ============================================================ */

:root {
  /* --- Surfaces — sectie-ritme: #0A0A0A · #111111 · #161616 · #1A1A1A --- */
  --bg: #0A0A0A;   /* canvas, hero, donkere secties */
  --s1: #111111;
  --s2: #161616;
  --s3: #1A1A1A;   /* cards, panels */

  /* --- Accenten --- */
  --green:       #22C55E;  /* primair: logo, CTAs, labels, highlights */
  --green-dark:  #16A34A;  /* hover */
  --yellow:      #EAB308;  /* secundair: MOST ORDERED, cascade-pijl, LON-dot */
  --yellow-dark: #CA8A04;  /* hover */

  /* --- Tekst & lijnen --- */
  --white:  #FFFFFF;
  --grey:   #888780;
  --muted:  #9e9e9e;
  --border: #555;

  /* --- Aliassen (backward-compat met layout.css) --- */
  --accent: var(--green);
  --adk:    var(--green-dark);

  /* --- Typografie: JetBrains Mono, één familie door het hele merk --- */
  --font: 'JetBrains Mono', 'Courier New', monospace;

  /* Type-schaal (mockup) */
  --fs-display: clamp(36px, 5vw, 68px);  /* Display / hero-h1 */
  --fs-h1:      clamp(36px, 5vw, 64px);
  --fs-h2:      clamp(26px, 3.4vw, 40px);
  --fs-subhead: 20px;
  --fs-body:    14px;
  --fs-caption: 12px;

  /* --- Layout --- */
  --maxw:  1200px;
  --nav-h: 60px;
  --pad-x: 40px;
}