/* Ode-inspired materials: charcoal metal, aged brass, stone and oxblood.
   Palette adaptation; original game artwork retains its own colours. */
:root{
  --ink:#171416;--surface:#2b2526;--raised:#393031;
  --gold:#b79459;--bright:#e4d3b3;--text:#ded4c8;--muted:#b6aaa0;--line:#b5986244;
  --display:Spectral,Georgia,serif;--heading:'Spectral SC',Spectral,serif;
}
body,body[data-view=builder]{background:var(--ink)}
body[data-view=builder]{--gold:#b79459;--bright:#e4d3b3;--text:#ded4c8;--muted:#b6aaa0;--line:#b5986244}
body:before,body[data-view=builder]:before{background:linear-gradient(90deg,#171416f5,#251d1ee8 55%,#171416f0),url('/assets/ui/forest-backdrop.webp') center/cover}
.topbar,body[data-view=builder] .topbar{background:#1b1719f0;border-color:var(--line)}
body[data-nav-layout] .sidebar{background:#1b1719f5;border-color:#b5986230}
body[data-nav-layout] .sidebar .nav-item{color:#b6aaa0}
body[data-nav-layout] .sidebar .nav-item.active{color:#e4c58f;border-color:#b79459;background:linear-gradient(90deg,#b7945928,#b794590c)}
body[data-nav-layout] .sidebar .nav-item:hover{color:#f0ddba;background:#b794591c}
body[data-nav-layout] .sidebar .nav-label{background:#251e21fa;border-color:#b5986266}
body[data-view=builder] .builder-tabs{background:#201b1de8}
.panel,.doc-card,.guide-card,.resource-panel,.empty-state,.guide-preview{background:linear-gradient(145deg,#322a2bee,#241f21f2);border-color:var(--line)}
.empty-glyph,.pick-plus,.empty-state p,.section-heading>span,.eyebrow{color:var(--gold)}
.empty-state p,.tier-empty,footer{color:var(--muted)}
.button,.discord-btn{background:#332a2bd9;border-color:var(--line);color:var(--bright)}
.button:hover,.discord-btn:hover{background:#4b3939;border-color:var(--gold)}
.button.primary{background:#b99b65;color:#231b17;border-color:#d8be8d;box-shadow:inset 0 0 0 3px #6d533e38}
.button.primary:hover{background:#d3b989;color:#231b17}
input,select,textarea{background:#211b1dcc;color:var(--text);border-color:var(--line)}
input::placeholder,textarea::placeholder{color:#b6aaa0}
select option{background:#2b2526;color:#ded4c8}
.language-switch button[aria-pressed=true]{background:#b7945926;color:var(--bright)}
.segmented button[aria-pressed=true]{background:#b99b65;color:#231b17}
.tag{background:#b7945924;color:var(--bright)}
.tier-row{background:#282224;border-color:var(--line)}
.tier-label{background:#6b5339}
.tier-A .tier-label{background:#674747}
.tier-B .tier-label{background:#414850}
.tier-C .tier-label{background:#454046}
.tier-U .tier-label{background:#302a2d}
.tier-item{background:#3b3032;border-color:var(--line)}
.tier-item:hover{background:#49383b;border-color:var(--gold)}
.tier-notice b{color:var(--gold)}
.audit-grid>div,.picker-item:hover{background:#352a2e}
.picker-item,.picker-foot,.card-bottom{border-color:var(--line)}
.picker-item small,.picker-foot p{color:var(--muted)}
.notice{background:#b794591c;color:#e4c58f;border-color:#b7945966}
.markdown pre,.markdown code{background:#221b1e}
dialog{background:#2b2226;border-color:#b7945999}
dialog::backdrop{background:#100b0ec9}
#toast{background:#3a282e;border-color:var(--gold);color:var(--bright)}
/* The builder keeps its quieter translucent stone surfaces and numeric palette. */
body[data-view=builder] dialog{background-color:#261e21f5}
body[data-view=builder] .inventory-preview{background-color:#211b1d88}
body[data-view=builder] :is(.inventory-search,.skill-rank-control) select option{background:#c6b8a8;color:#27231f}