/* assets/css/base.css – reset, variables, layout helpers */
:root{
  --bg:#ffffff;
  --txt:#0f172a;
  --muted:#64748b;
  --accent:#7c9bff;
  --accent-2:#22d3ee;
  --accent-3:#a78bfa;
  --card:#f8fafc;
  --border: rgba(15,23,42,.08);
}
html.dark{
  --bg:#0b1020; --txt:#e6e8ee; --muted:#a9b0bf; --card:#0f152b; --border: rgba(230,232,238,.12);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--txt);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
.container{max-width:min(1200px,94vw);margin:0 auto;padding:0 16px}
.site-main{min-height:60vh;padding:24px 0}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px}