/* =========================================================
   Mi Piano — base
   ---------------------------------------------------------
   Variables de color, reset y utilidades de texto. Va SIEMPRE la primera.
   ========================================================= */
:root{
  --ink:#2b2b33; --soft:#6a6a78; --line:#e3ded2; --paper:#fdfbf6;
  --gold:#c8922a; --gold-dk:#a8791f; --rh:#2f7fd6; --lh:#d4682f;
  --ok:#4a9d5f; --red:#d9534f; --adult:#5b6bbf; --tap:44px;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{height:100%}
body{margin:0;background:var(--paper);color:var(--ink);overscroll-behavior:none;
  font-family:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased}
.cred{color:var(--red)} .dim{color:#9a9aa6}
b.rh{color:var(--rh)} b.lh{color:var(--lh)}