/* Simple responsive styles for the starter site */
:root{--bg:#0f1720;--card:#0b1220;--muted:#9aa4b2;--accent:#6ee7b7;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;background:linear-gradient(180deg,var(--bg),#071022);color:#e6eef6;line-height:1.5}
.container{max-width:880px;margin:0 auto;padding:2rem}
.site-header{padding:2rem 0;border-bottom:1px solid rgba(255,255,255,0.03)}
.site-title{font-size:2rem;margin:0}
.site-sub{margin:0.25rem 0;color:var(--muted)}
h2{margin-top:1.5rem}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.site-footer{padding:2rem 0;border-top:1px solid rgba(255,255,255,0.03);color:var(--muted);font-size:0.95rem}
@media (prefers-color-scheme:light){:root{--bg:#f6f8fb;--card:#ffffff;--muted:#546070;--accent:#0070f3;color-scheme:light}body{color:#0b1220}}