/* MODERN skin: tokens only. Sans-serif, airy, close to the Full Stack Haystack site. */
:root{
  --display:"Inter Tight","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --text:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --h-weight:600; --h-track:-.035em; --h-lh:1.03;
  --em-style:normal; --em-color:var(--accent-text); --em-family:var(--display); --em-on-dark:#9fd0f2;
  --bg:#fbfaf7; --bg-2:#f1efe9; --card:#ffffff; --tint:#e8eef2;
  --ink:#101214; --ink-2:#44474d; --muted:#6c6f75;
  --line:rgba(16,18,20,.09); --line-strong:rgba(16,18,20,.2); --line-dark:rgba(255,255,255,.14);
  --dark:#0e1418; --foot-bg:#0a0e11; --on-dark:#f3f4f2; --on-dark-2:#a7adb2; --on-dark-accent:#f0b54a;
  --accent:#1f5f8b; --accent-hover:#184d72; --on-accent:#ffffff; --accent-text:#1f5f8b; --link:#1f5f8b;
  --focus:#f0b54a;
  --header-bg:rgba(251,250,247,.86);
  --radius:22px; --btn-radius:999px; --field-radius:14px;
  --img-radius:24px; --img-shadow:0 30px 60px -30px rgba(10,20,30,.35); --img-frame:0;
  --hero-split-bg:var(--bg); --hero-media-radius:28px; --hero-media-inset:var(--s3) var(--pad) var(--s3) 0;
  --scrim:linear-gradient(180deg,rgba(8,12,16,.15) 0%,rgba(8,12,16,.25) 40%,rgba(8,12,16,.82) 100%);
  --kicker-font:600 13px/1 var(--text); --kicker-track:.14em; --kicker-case:uppercase;
  --brand-font:600 19px/1.1 var(--display);
  --cap-font:400 15px/1.5 var(--text);
  --fact-font:600 clamp(30px,3.4vw,40px)/1.1 var(--display);
  --date-font:600 34px/1 var(--display);
  --belief-font:500 clamp(24px,2.6vw,32px)/1.25 var(--display);
  --time-font:600 30px/1 var(--display);
  --quote-font:500 clamp(28px,3.4vw,44px)/1.2 var(--display);
}