/* ==============================
   00 Tokens / Reset
   ============================== */
:root{
  --bg:#0f172a; --surface:#111827; --text:#f8fafc; --muted:#94a3b8;
  --border:#1f2937; --input:#0b1220;
  --primary:#3b82f6; --primary-pressed:#2563eb;
  --ring:0 0 0 4px rgba(59,130,246,.20);
  --radius:12px; --card-shadow:0 6px 18px rgba(0,0,0,.35);

  /* header */
  --header-h:56px;
  --header-h-mobile:64px;
}

*{ box-sizing:border-box }
html,body{ height:100%; margin:0 }

body{
  font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial;
  background:var(--bg); color:var(--text);
  -webkit-text-size-adjust:100%;
  text-rendering:optimizeLegibility;
}

a{ color:var(--primary); text-decoration:none }
a:hover{ text-decoration:underline }

img,video{ max-width:100%; height:auto; display:block }
.tabular,.mono{ font-variant-numeric: tabular-nums }

/* scrollbar (subtle) */
::-webkit-scrollbar{ width:10px; height:10px }
::-webkit-scrollbar-thumb{ background:#1e293b; border-radius:8px }
::-webkit-scrollbar-track{ background:#0b1220 }

/* reduced motion (future) */
/* @media (prefers-reduced-motion: reduce){ *{ scroll-behavior:auto; transition:none!important; animation:none!important; } } */