/* Clavicordia Tools — base compartida.
   Tokens de color y un "reset" acotado a .clv-app para que el tema de WordPress
   no le cambie fuentes, márgenes ni botones a las herramientas. */

.clv-app{
  --clv-bg:#16101F;
  --clv-surface:#1E1630;
  --clv-raised:#241B38;
  --clv-line:#3B2F52;
  --clv-line-strong:#55456F;
  --clv-ink:#F3EFF9;
  --clv-ink-soft:#C4BBD6;
  --clv-ink-faint:#897F9E;
  --clv-pink:#EC4899;
  --clv-pink-hover:#F472B6;
  --clv-pink-deep:#3A0F24;
  --clv-pink-soft:#3D1F3F;
  --clv-pink-light:#F9A8D4;
  --clv-teal:#2DD4BF;
  --clv-teal-ink:#0F2A27;
  --clv-teal-soft:#143430;
  --clv-ok:#2DD4BF;
  --clv-ok-soft:#143430;
  --clv-bad:#FF8A73;
  --clv-bad-soft:#3B1F27;
  --clv-warn:#FFCF7A;
  --clv-warn-soft:#3A2F1A;
  --clv-paper:#F3EFF9;
  --clv-paper-ink:#1A1426;
  --clv-paper-line:#8A7FB8;
  --clv-serif:'Fraunces',Georgia,serif;
  --clv-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --clv-mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  --clv-music:'Noto Music','Bravura Text','Segoe UI Symbol','Apple Symbols',serif;
  --clv-radius:10px;
  --clv-radius-lg:14px;

  display:block;
  position:relative;
  color:var(--clv-ink);
  font-family:var(--clv-sans);
  font-size:16px;
  line-height:1.55;
  text-align:left;
  -webkit-font-smoothing:antialiased;
  color-scheme:dark;
  margin:0 auto 2rem;
}

.clv-app *,
.clv-app *::before,
.clv-app *::after{box-sizing:border-box}

.clv-app h1,.clv-app h2,.clv-app h3,.clv-app h4,
.clv-app p,.clv-app ul,.clv-app ol,.clv-app li,
.clv-app figure,.clv-app table{margin:0;padding:0}

.clv-app ul,.clv-app ol{list-style:none}

.clv-app h1,.clv-app h2,.clv-app h3,.clv-app h4{
  color:var(--clv-ink);
  font-family:var(--clv-serif);
  font-weight:600;
  letter-spacing:-.01em;
  line-height:1.15;
  text-transform:none;
}

.clv-app button,
.clv-app select,
.clv-app input{
  font:inherit;
  color:inherit;
  margin:0;
  letter-spacing:normal;
  text-transform:none;
  text-shadow:none;
  box-shadow:none;
  min-height:0;
  width:auto;
  line-height:1.25;
}
.clv-app button{cursor:pointer;-webkit-appearance:none;appearance:none}
.clv-app button:disabled{cursor:default}
.clv-app button:focus-visible,
.clv-app select:focus-visible,
.clv-app input:focus-visible,
.clv-app [role="button"]:focus-visible{outline:2px solid var(--clv-pink);outline-offset:2px}

.clv-app a{color:var(--clv-teal)}
.clv-app svg{max-width:none}
.clv-app table{border-collapse:collapse;border:0}
.clv-app th,.clv-app td{border:0;background:none}

.clv-app [hidden]{display:none!important}
.clv-app .clv-hidden{display:none!important}

.clv-app .clv-acc{font-family:var(--clv-music);line-height:1}