/* VE LAB visual kit — light-first tokens for hub + /ventures/.
   Sources (adapted, not a wholesale swap):
     collectivewinca/ve-design/design-tokens.css
       — surfaces, ink, lines, --ok/--danger/--warn (+ soft), light-first.
         Dark is opt-in only and is NOT enabled here.
     collectivewinca/ve-visual-kit/assets/kit.css
       — paper / .fig patterns (warm paper, one accent, hairline --line).
   velab.org brand accent is AMBER, not ve-design teal (#0d6e6e) and not
   ve-visual-kit here.now orange. --accent* aliases to amber on this site
   so generic token names cannot rebrand chrome to teal.
   No Google Fonts / CDN fonts. color-scheme: only light.
   Hex lives here. Pages consume var(...) only. */
:root{
  color-scheme: only light;
  /* surfaces — ve-design */
  --surface-page:#f7f4ef;
  --surface-panel:#fffdf9;
  --surface-sunken:#efeae1;
  --bg:var(--surface-page);
  --surface:var(--surface-panel);
  --surface-2:var(--surface-sunken);
  /* ink / lines — ve-design */
  --ink:#1a2332;
  --ink-soft:#3d4a5c;
  --ink-muted:#5c6b7a;
  --muted:var(--ink-muted);
  --line:#d8d0c4;
  --line-strong:#b9ae9d;
  /* brand — VE LAB amber (kit.css aliases only) */
  --brand:#a36e0c;
  --brand-fill:#fbbf24;
  --brand-hover:#8a5a08;
  --brand-300:#c98911;
  --brand-ink:#111111;
  --amber:var(--brand);
  --amber-fill:var(--brand-fill);
  --amber-dark:var(--brand-hover);
  --amber-300:var(--brand-300);
  --btn-ink:var(--brand-ink);
  /* --accent* maps to amber on velab.org — do not use ve-design teal here */
  --accent:var(--brand);
  --accent-hover:var(--brand-hover);
  --accent-soft:#f5ecdb;
  --accent-ink:var(--brand-ink);
  --focus:var(--brand);
  /* semantic status — ve-design (chips only; not brand) */
  --ok:#1f6b45;
  --ok-soft:#e6f3eb;
  --warn:#8a5a12;
  --warn-soft:#f5ecdb;
  --danger:#a32020;
  --danger-soft:#f8e6e6;
  --green:var(--ok);
  --red:var(--danger);
  --maxw:1080px;
  --radius:14px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --font-display:Georgia,"Times New Roman",serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--surface-page);color:var(--ink);font:16px/1.6 var(--font);-webkit-font-smoothing:antialiased}
a{color:var(--brand);text-decoration:none}
a:hover{color:var(--brand-hover)}
:focus{outline:none}
:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,label:focus-visible{
  outline:2px solid var(--brand);outline-offset:3px;
}
.skip-link{
  position:absolute;left:16px;top:-40px;z-index:80;
  background:var(--ink);color:var(--surface-page);padding:8px 14px;border-radius:8px;font-weight:700;
}
.skip-link:focus{top:12px}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}