:root{--storm-sidebar:#103d33;--storm-accent:#19573f;--storm-background:#f3f6f5;--storm-text:#183d33;--storm-sidebar-ink:#fff;--storm-accent-ink:#fff}
body{background:var(--storm-background);color:var(--storm-text)}
body>aside{background:var(--storm-sidebar);color:var(--storm-sidebar-ink)}
aside nav button,aside>small,aside>p{color:inherit}
aside nav button.active{background:var(--storm-accent);color:var(--storm-accent-ink);border-left-color:var(--storm-accent-ink)}
button.primary,.toolbar button.active,.cards .card:last-child,.cards>div:last-child{background:var(--storm-accent);color:var(--storm-accent-ink)}
input,select,textarea{color:var(--storm-text)}
.appearance-panel{background:#fff;border:1px solid #d7e3dc;border-radius:12px;padding:24px;max-width:1050px}
.appearance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;margin-bottom:24px}
.appearance-grid label{display:flex;flex-direction:column;gap:8px}
.appearance-grid input{width:100%;box-sizing:border-box}
.appearance-grid input[type=color]{height:46px;cursor:pointer;padding:4px}
.appearance-tabs{margin-bottom:20px}.appearance-panel h2{margin-top:0}
@media(max-width:650px){.appearance-grid{grid-template-columns:1fr}.appearance-panel{padding:16px}}