/* Vague Ventures — site-specific layer. Loaded after tokens.css + base.css.
   VV identity: fully technical/Palantir — grotesque headings, teal accent. */
:root{
  --accent: var(--teal);
  --accent-on-black:#2fbfae;
  /* headings go grotesque on VV (no serif) */
  --font-display: var(--font-body);
}
:root[data-theme="dark"]{ --accent:#37b8a9; }

/* grotesque headings: heavier + tighter than the shared serif defaults */
h1,h2{ font-weight:700; letter-spacing:-.025em; line-height:1.02; }
h3{ font-weight:600; letter-spacing:-.01em; }
.hero h1{ font-size:var(--step-hero); }
.hero h1 .q{ color:var(--accent-on-black); }
.metric .v{ font-weight:700; }

/* brand logo mark (navy + teal VV monogram) */
.brand{ align-items:center; }
.logo-mark{ height:22px; width:auto; display:inline-block; }
.site-head .logo-mark{ height:24px; }
/* lift the navy half on dark surfaces so it doesn't sink into the background */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .logo-mark{ filter:brightness(1.5) saturate(1.05); }
}
:root[data-theme="dark"] .logo-mark{ filter:brightness(1.5) saturate(1.05); }
:root[data-theme="light"] .logo-mark{ filter:none; }

/* case-study figures */
figure.fig{ margin:0; background:var(--card); border:1px solid var(--border-2);
  border-radius:0; overflow:hidden; box-shadow:none; }
figure.fig img{ width:100%; background:#fff; }
figure.fig figcaption{ padding:.7rem .9rem; font-size:var(--step--1); color:var(--fg-mute);
  border-top:1px solid var(--border); }
figure.fig figcaption b{ color:var(--accent); font-family:var(--font-mono); font-weight:500;
  font-size:.72rem; letter-spacing:.08em; }
.figrow{ display:grid; gap:1px; background:var(--border-2); border:1px solid var(--border-2);
  grid-template-columns:repeat(auto-fit,minmax(15rem,1fr)); }
.figrow figure.fig{ border:none; }

#runtime-chart{ width:100%; margin-top:.4rem; }