:root{
  --bg:#f3f5f2; --surface:#fff; --ink:#1c2420; --muted:#56635c; --line:#d5ddd7;
  --metro:#0a7d55; --metro-soft:#e1f0e8; --brick:#b5532f; --brick-soft:#f6e6de;
  --t-simulador:#0a7d55; --t-material:#b5532f; --t-app:#6a4bb0; --t-investigacion:#1f6aa5; --t-otro:#7a6a2a;
  --f-display:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;
  --f-body:"Source Sans 3","Segoe UI",system-ui,sans-serif;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#121815; --surface:#1a221e; --ink:#e4ebe6; --muted:#9aa8a0; --line:#2c3833;
  --metro:#3cc48f; --metro-soft:#183528; --brick:#e48a63; --brick-soft:#3a2219;
  --t-simulador:#3cc48f; --t-material:#e48a63; --t-app:#a98ae8; --t-investigacion:#6cb3ea; --t-otro:#d3bf6a; color-scheme:dark}}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:18px;line-height:1.5}
h1,h2{font-family:var(--f-display);line-height:1.1;text-wrap:balance;margin:0}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--metro);outline-offset:2px}