/*
Theme Name: GPVWC 2026
Theme URI: https://staging.gpvwc.com
Author: GPVWC
Description: Minimal, performant theme for GPVWC launch (series/news/home). Dark-mode, a11y-first, <50KB CSS.
Version: 1.0.0
Text Domain: gpvwc2026
*/

:root{
  /* Color tokens (light baseline uses dark background by default) */
  --bg: #0b0d10;
  --elev: #12161b;
  --card: #171c22;
  --text: #e8edf2;
  --muted: #a8b0ba;
  --brand: #e10600; --brand-600:#b20500;
  --ok:#16a34a; --warn:#f59e0b; --info:#0ea5e9;

  /* Spacing scale (4px baseline) */
  --s-1:.25rem; --s-2:.5rem; --s-3:.75rem; --s-4:1rem;
  --s-5:1.25rem; --s-6:1.5rem; --s-8:2rem; --s-12:3rem;

  /* Typography */
  --font-sans: system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  --fs-0:.875rem; --fs-1:1rem; --fs-2:1.125rem; --fs-3:1.375rem; --fs-4:1.75rem; --fs-5:2.25rem; --fs-6:3rem;

  /* Radius & border */
  --r-1:.375rem; --r-2:.75rem; --r-3:1rem;
  --bd:1px solid rgba(255,255,255,.08);

  /* Layout */
  --wrap: 1200px;
}

/* Respect OS; allow manual override via [data-theme] */
@media (prefers-color-scheme: light){
  :root{
    --bg:#ffffff; --elev:#f7f8f9; --card:#ffffff; --text:#111827; --muted:#6b7280;
    --bd:1px solid rgba(17,24,39,.08);
  }
}
[data-theme="dark"]{
  --bg:#0b0d10; --elev:#12161b; --card:#171c22; --text:#e8edf2; --muted:#a8b0ba; --bd:1px solid rgba(255,255,255,.08);
}
[data-theme="light"]{
  --bg:#ffffff; --elev:#f7f8f9; --card:#ffffff; --text:#111827; --muted:#6b7280; --bd:1px solid rgba(17,24,39,.08);
}

/* Minimal global shell; bulk lives in assets/css */
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.45;font-size:var(--fs-1)}
a{color:var(--text);text-decoration:none}
a:focus,button:focus,[tabindex]:focus{outline:2px solid var(--info);outline-offset:2px}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.container{max-width:var(--wrap);margin:0 auto;padding:0 var(--s-4)}
.site-header{position:sticky;top:0;z-index:1000;background:var(--elev);border-bottom:var(--bd)}
.site-footer{border-top:var(--bd);background:var(--elev);margin-top:var(--s-12);padding:var(--s-8) 0}
