/* Wagenberg Technology Group: brand design tokens (single source of truth).
   Colors and type only. Motion values live in js/main.js and js/signal.js and are unchanged by the rebrand. */
:root{
  /* ---- core palette (official) ---- */
  --wtg-charcoal:#0F1419;
  --wtg-off-white:#F6F7F4;
  --wtg-blue:#0066FF;

  /* ---- functional variants (accessibility, from the brand guide) ---- */
  --wtg-blue-text:#0057D9;        /* blue text at normal size on light surfaces (5.8:1 on off-white) */
  --wtg-blue-hover:#0057D9;       /* button hover */
  --wtg-on-dark-muted:#C9D0D8;    /* secondary text on charcoal (11.9:1) */
  --wtg-on-light-muted:#485564;   /* secondary text and labels on off-white (7.1:1) */
  --wtg-surface:#FFFFFF;          /* raised sheets and cards over the off-white canvas */
  --wtg-hairline:#D9DDE2;         /* rules and borders on light (decorative) */
  --wtg-hairline-dark:rgba(246,247,244,.16);
  --wtg-screen:#F9FAF8;           /* instrument screen fill in service cards */
  --wtg-pass:#2E6A4E;             /* data only: "fixed / received" (5.9:1 on off-white) */
  --wtg-shadow-rgb:15,20,25;

  /* ---- type families ---- */
  --wtg-font-sans:'Manrope',Arial,sans-serif;
  --wtg-font-mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  --wtg-font-emphasis:'Instrument Serif',Georgia,serif;   /* existing italic-emphasis words, kept */

  /* ---- type scale: desktop value at 1440 px, mobile value at 390 px, fluid between ---- */
  --wtg-h1:clamp(44px, calc(30.63px + 3.4286vw), 80px);   /* 80 / 44, Manrope 800 */
  --wtg-h2:clamp(34px, calc(27.31px + 1.7143vw), 52px);   /* 52 / 34, Manrope 700 */
  --wtg-h3:clamp(24px, calc(22.51px + 0.381vw), 28px);    /* 28 / 24, Manrope 600 */
  --wtg-body:clamp(16px, calc(15.26px + 0.1905vw), 18px); /* 18 / 16, Manrope 400 */
  --wtg-ui:clamp(15px, calc(14.63px + 0.0952vw), 16px);   /* nav and CTA 16 / 15, Manrope 600 */
  --wtg-label:13px;                                       /* IBM Plex Mono 500, 13 px at every size (mobile raised from 12) */

  --wtg-h1-lh:1.06; --wtg-h2-lh:1.12; --wtg-h3-lh:1.22; --wtg-body-lh:1.6;
  --wtg-h1-track:-.035em; --wtg-h2-track:-.03em; --wtg-h3-track:-.02em; --wtg-label-track:.06em;
}