/* Shared page chrome. Drawing colors, PDF pixels, and circuit wire colors stay semantic. */
:root{color-scheme:dark;--page-bg:#17110c;--page-card:#261c14;--page-raised:#34281e;--page-ink:#f5ece1;--page-ink2:#e2d4c3;--page-muted:#b3a28e;--page-line:rgba(255,255,255,.13);--page-accent:#ffb27a;--page-button:#f5ece1;--page-button-ink:#1a120c;--page-good:#7fd3a0;--page-warn:#ffc47a;--page-warn-bg:rgba(138,90,18,.20);background:var(--page-bg)}
html[data-bubba-theme="calido"],html[data-bubba-theme="obra"]{color-scheme:light;--page-bg:#f6eee4;--page-card:#fffaf4;--page-raised:#ede2d5;--page-ink:#231a12;--page-ink2:#4b3b2e;--page-muted:#6b5a4a;--page-line:rgba(75,59,46,.18);--page-accent:#a74c18;--page-button:#231a12;--page-button-ink:#fff;--page-good:#216540;--page-warn:#784600;--page-warn-bg:#f5e6c9}
body{background:var(--page-bg);color:var(--page-ink);font-family:"Work Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--bg:var(--page-bg);--card:var(--page-card);--muted:var(--page-muted);--line:var(--page-line);--tinta:var(--page-ink);--suave:var(--page-muted);--linea:var(--page-line);--naranja:var(--page-accent);--verde:var(--page-good);--ambar:var(--page-warn);--tx:var(--page-ink);--tx2:var(--page-ink2);--tx3:var(--page-muted);--bd:var(--page-line);--soft:var(--page-raised);--acc:var(--page-accent);--acc-hot:var(--page-accent)}
body button,body input,body select,body textarea{font-family:inherit}
body :is(a,button,input,select,textarea):focus-visible{outline:3px solid var(--page-accent);outline-offset:3px}
body .top,body header{background:var(--page-card);border-color:var(--page-line);color:var(--page-ink)}
body :is(.blogo,.logo,.mtop .lg){background:var(--page-raised);color:var(--page-accent);box-shadow:none}
body :is(.card,.price-card,.feature,.legend,.win,.caja,.tira){background:var(--page-card);border-color:var(--page-line);color:var(--page-ink)}
body .warn{background:var(--page-warn-bg);border-color:var(--page-line);color:var(--page-warn)}
body :is(h1,h2,h3,b){color:inherit}
body :is(p,li){color:var(--page-ink2)}
body :is(.meta,.foot,.top span,.sub){color:var(--page-muted)}
body a{color:var(--page-accent)}
body :is(input,select,textarea){background:var(--page-card);color:var(--page-ink);border-color:var(--page-line)}
body .tabs,body .rbox{background:var(--page-raised);border-color:var(--page-line)}
body .tab.active,body .chip,body .seg button{background:var(--page-card);color:var(--page-ink);border-color:var(--page-line)}
body .chip.active,body .seg button.active{background:var(--page-button);color:var(--page-button-ink);border-color:var(--page-button)}
body[data-bubba-page="herramientas"]{--ink:var(--page-ink);--amber:var(--page-accent)}
body[data-bubba-page="herramientas"] .wrap{padding-top:28px}
body[data-bubba-page="landing"] :is(.features,.social-proof){background:var(--page-card)}
body[data-bubba-page="landing"] :is(.nav,footer,.price-card){border-color:var(--page-line)}
body[data-bubba-page="landing"] :is(.hero p,.cta-bottom p,.feature p,.pricing-subtitle,.price-card .for,.price-card .price small,footer){color:var(--page-muted)}
body[data-bubba-page="landing"] :is(.hero h1 .accent,.feature h3,.price-card h3){color:var(--page-accent)}
body[data-bubba-page="landing"] :is(.btn-primary,.price-card .badge){background:var(--page-button);color:var(--page-button-ink);box-shadow:none}
body[data-bubba-page="landing"] .btn-secondary{color:var(--page-ink);border-color:var(--page-line)}
body[data-bubba-page="landing"] .nav-links a:not(.btn-primary){color:var(--page-ink2)}
body[data-bubba-page="landing"] .price-card.featured{border-color:var(--page-accent)}
body[data-bubba-page="404"]{background:var(--page-bg);padding:24px;box-sizing:border-box}
body[data-bubba-page="404"] .b{background:var(--page-card);color:var(--page-accent);box-shadow:none}
body[data-bubba-page="404"] a{background:var(--page-button);color:var(--page-button-ink);box-shadow:none}
body[data-bubba-page="404"] h1{text-shadow:none}
body[data-bubba-page="practica-juego"] .palette{background:var(--page-raised)}
body[data-bubba-page="practica-juego"] .stage{border-color:var(--page-line)}
body[data-bubba-page="practica-juego"] :is(.win .wp,.card.on .tag){color:var(--page-button-ink);background:var(--page-button)}
body[data-bubba-page="practica-juego"] .card .ic{background:var(--page-raised)}
body[data-bubba-page="panel"] button.pri{background:var(--page-button);color:var(--page-button-ink);border-color:var(--page-button)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body *,body *::before,body *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
