/* The GiiGio theme, shared by every page under *.giig.io (Stefan 2026-10-15/16): tokens, base and brand.
   Served as https://giig.io/_theme/giig.css (www/giig.io/_theme/ in giigio/giig.io-homepage). Link it first, by that
   absolute URL, so it also loads on hosts behind the LAN/VPN gate and inside the edge's error pages:
     <link rel="stylesheet" href="https://giig.io/_theme/giig.css">
   then the page's own rules. Dark is the default; light follows prefers-color-scheme. System fonts only: no web
   font, no URL function, no import rule.
   Only what every page shares lives here (colour tokens, box model, body font and background, links, the gradient
   brand word, the footer); components (badges, buttons, cards, notes) stay in the page, so nothing here leaks into
   a page's own design. A change here restyles every page at once: check them all (README, "Shared theme"). */
:root{
  --bg:#0b1220; --bg2:#101b33; --ink:#eaf0ff; --muted:#a9b6d3; --accent:#5ec8ff; --accent2:#9d7bff;
  --card:rgba(255,255,255,.05); --card2:rgba(255,255,255,.09); --line:rgba(255,255,255,.12);
  --code:rgba(255,255,255,.08); --field:rgba(255,255,255,.04); --shadow:rgba(0,0,0,.45);
}
@media (prefers-color-scheme: light){
  :root{
    --bg:#f3f6fc; --bg2:#e6edfa; --ink:#0f1a30; --muted:#4c5b7a; --accent:#0a84d6; --accent2:#6a4cff;
    --card:rgba(10,26,48,.04); --card2:rgba(10,26,48,.08); --line:rgba(10,26,48,.12);
    --code:rgba(10,26,48,.07); --field:rgba(255,255,255,.7); --shadow:rgba(10,26,48,.18);
  }
}
*{box-sizing:border-box}
html,body{margin:0}
body{
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Inter,sans-serif; color:var(--ink);
  background:radial-gradient(1200px 700px at 80% -10%, var(--bg2), transparent 60%),
             radial-gradient(900px 600px at -10% 110%, var(--bg2), transparent 55%), var(--bg);
  min-height:100vh;
}
a{color:var(--accent)}
/* the brand word: <h1><span>GiiGio</span></h1> */
h1 span{background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}
footer{border-top:1px solid var(--line);padding:1rem 1.25rem;font-size:.85rem;color:var(--muted);text-align:center}
footer a{color:var(--muted)}