/* Paleta clara de la demo de telas (crema + terracota) */
:root{
  --bg:#faf7f2; --bg-alt:#fffdf9; --card:#ffffff; --text:#2b2420; --muted:#7a6e66;
  --primary:#b4584a; --accent:#3f7d63; --violet:#d98b6a; --warn:#c2620c; --danger:#b42318;
  --border:rgba(60,40,30,.13);
}
body{color:var(--text)}
.demo-banner{background:#efe6da;color:#5b4a3f}
.demo-banner a{color:var(--primary)}
a{color:var(--primary)}
.btn{color:#fff}
.btn.wa{color:#06301b}
.btn.alt{color:var(--primary)}
.toolbar input,.sheet input:not([type=checkbox]),.sheet select,dialog,.chip.on,.tabs button:hover,.tabs button.on{color:var(--text)}
.chip.on{background:rgba(180,88,74,.1)}
.shell:not(.as-app) .tabs button.on{background:rgba(180,88,74,.12);color:var(--primary)}
.b.mute,.stack,.ht{background:rgba(60,40,30,.08)}
table.lines td{border-bottom-color:rgba(60,40,30,.08)}
.toast{background:#2b2420;color:#fff;box-shadow:0 10px 30px rgba(60,40,30,.25)}
dialog::backdrop{background:rgba(43,36,32,.45)}
.top h1{color:var(--text)}
.th.box{background:#f3ece2}
.top{background:rgba(250,247,242,.95)}
/* Etiquetas bien diferenciadas en fondo claro */
.b.info{background:rgba(37,99,168,.12);color:#1e5a9e}
.b.mid{background:rgba(234,120,20,.15);color:#b45309}
.b.warn{background:rgba(202,160,0,.18);color:#8a6a00}
.b.ok{background:rgba(63,125,99,.14);color:#2f6b50}
.b.bad{background:rgba(180,35,24,.11);color:#b42318}
.check{color:var(--text)!important}