/* HH's original warm ivory / walnut palette. Presentation only. */
html:not([data-hub-theme="dark"]){--hub-ink:#302820;--hub-muted:#817569;--hub-paper:#f5f3f0;--hub-line:#ddd1c5;--hub-accent:#967345;background:#f5f3f0}
html:not([data-hub-theme="dark"]) :is(.hub-page,.hub-module-body){--bg:#f5f3f0;--surface:#fffdfb;--panel:#fffdfb;--panel2:#faf7f3;--ink:#302820;--text:#302820;--dark:#302820;--muted:#817569;--line:#ddd1c5;--accent:#785d42;--accent2:#936c45;--accent-2:#936c45;--shadow:0 14px 40px #3c2b1e12;background:#f5f3f0!important;color:#302820!important}
html:not([data-hub-theme="dark"]) :is(.hub-header,.hub-module-header,.hub-switch-menu,.hub-login,.hub-panel,.hub-page dialog,.hub-signout-dialog){background:#fffdfb!important;border-color:#ddd1c5!important;color:#302820!important}
html:not([data-hub-theme="dark"]) :is(.hub-footer,.hub-logo,.hub-roles,.hub-user-table td,.hub-user-table th,.hub-login details){border-color:#ddd1c5!important}
html:not([data-hub-theme="dark"]) :is(.hub-page,.hub-module-body) :is(button,select,input,textarea){background:#fffdfb!important;color:#463b31!important;border-color:#d7cabe!important}
html:not([data-hub-theme="dark"]) :is(.hub-page,.hub-module-body) :is(.hub-primary,.btn-primary,.button.primary,.btn-dark,button.primary,a.primary){background:#785d42!important;color:#fff!important;border-color:#785d42!important}
html:not([data-hub-theme="dark"]) :is(.hub-page,.hub-module-body) :is(.hub-primary,.btn-primary,.button.primary,.btn-dark,button.primary,a.primary):hover:not(:disabled){background:#694b30!important;border-color:#694b30!important}
html:not([data-hub-theme="dark"]) .hub-module-body :is(.content-card,.workspace,.panel,.stat,.metric,.stat-card,.dash-card,.modal-panel,.modal-card,.sidebar,.mobile-bottom-nav,.hub-mobile-cards tr){background:#fffdfb!important;border-color:#ddd1c5!important;color:#302820!important}
html:not([data-hub-theme="dark"]) .hub-module-body :is(th,.data-table th){background:#f4ede6!important;color:#6a5b4e!important;border-color:#ddd1c5!important}
html:not([data-hub-theme="dark"]) .hub-module-body :is(td,.data-table td,.plan-table td){color:#493c30;border-color:#e8ded5!important}
html:not([data-hub-theme="dark"]) .hub-module-body :is(tbody tr:hover,.data-table tr:hover) td{background:#faf5ee!important}
html:not([data-hub-theme="dark"]) .hub-module-body :is(tbody tr.selected,.data-table tr.selected) td{background:#f1e7dc!important}
html:not([data-hub-theme="dark"]) .hub-module-body :is(.tabs .tab.active,.sidebar button.active,.mobile-bottom-nav button.active,.mobile-bottom-nav button[aria-expanded="true"]){background:#eee4d8!important;color:#6b4f34!important}
html:not([data-hub-theme="dark"]) .hub-module-body :is(.toolbar,.modal-head,.modal-footer,.report-card,.flow-row,.flow-total,.side-bottom){border-color:#e5dacf!important}
html:not([data-hub-theme="dark"]) .hub-module-body :is(.muted,.field span,.field label,.panel-subtitle,.dash-card p,.dash-list,.version,.sidebar-section,.mobile-drawer-head){color:#817569!important}
html:not([data-hub-theme="dark"]) .hub-module-body :is(.hub-scroll-hint,.hub-mobile-cards,.plan-table .project-row td){background:#faf5ef!important;border-color:#ddd1c5!important;color:#76695e!important}
html:not([data-hub-theme="dark"]) .hub-module-body .plan-table .sticky-col{background:#fffdfb!important;color:#493c30!important}
html:not([data-hub-theme="dark"]) .hub-module-body .plan-table .project-row .sticky-col{background:#f4ede6!important}
html:not([data-hub-theme="dark"]) .hub-module-body :is(.hh-render-usage,.busy-card){background:#fffdfb!important;color:#493c30!important;border-color:#ddd1c5!important}
html:not([data-hub-theme="dark"]) .hub-module-body :is(.badge.active,.badge.posted,.badge-ok,.pill.returned,.pill.consumable,.alert.success,.fact-cell.ok){background:#e6f1e8!important;color:#2f6540!important}
html:not([data-hub-theme="dark"]) .hub-module-body :is(.badge.leave,.badge.pending,.fact-cell.short){background:#fff0d8!important;color:#855b20!important}
html:not([data-hub-theme="dark"]) :is(.hub-page,.hub-module-body) :is(.btn-danger,.button.danger,.danger,.expense-delete,.recurring-delete){background:#fff6f4!important;border-color:#d7ada8!important;color:#8e2e27!important}
/* The reference's walnut gradient, white headings and translucent metric tiles. */
html[data-hub-theme] .hub-module-body :is(.hero-panel,.overview,.page-head){background:linear-gradient(135deg,#3b2d23 0%,#74583f 100%)!important;color:#fff!important;border-color:#79624e!important;box-shadow:0 14px 40px #3c2b1e18}
html[data-hub-theme] .hub-module-body :is(.hero-panel,.overview,.page-head) :is(h1,h2){color:#fff!important}
html[data-hub-theme] .hub-module-body :is(.hero-panel,.overview,.page-head) :is(p,.eyebrow,.hero-kicker){color:#e8ddd3!important}
html[data-hub-theme] .hub-module-body :is(.hero-panel,.overview) :is(.metric,.stat){background:#ffffff14!important;border-color:#ffffff30!important;color:#fff!important;box-shadow:none}
html[data-hub-theme] .hub-module-body :is(.hero-panel,.overview) :is(.metric,.stat) :is(strong,span){color:#fff!important}
html[data-hub-theme] .hub-module-body :is(.hero-panel,.overview) :is(.metric,.stat) span{color:#e8ddd3!important}
/* Home cards use the same walnut surface, without changing the grid or content. */
html[data-hub-theme] .hub-card{background:linear-gradient(135deg,#3b2d23,#74583f)!important;color:#fff!important;border-color:#79624e!important}
html[data-hub-theme] .hub-card :is(h2,p){color:#fff!important}
html[data-hub-theme] .hub-card p{color:#e8ddd3!important}
html[data-hub-theme] .hub-card .hub-card-icon{background:#ffffff14!important;color:#f0cfaa!important}
html[data-hub-theme] .hub-card .hub-card-arrow{color:#e8ddd3!important}
html[data-hub-theme] .hub-card:hover{border-color:#ba9977!important}
html[data-hub-theme] .hub-card.locked{background:linear-gradient(135deg,#53483f,#756454)!important}
html[data-hub-theme] .hub-card.hub-admin-card{background:linear-gradient(135deg,#2f241c,#503b29)!important}
/* Expenses has its summary title outside the metrics; keep the same colour cue. */
html[data-hub-theme] .hub-module-body .page-head{border:1px solid #79624e;border-radius:14px;padding:22px 24px}
html:not([data-hub-theme="dark"]) #hub-module-startup{background:#f5f3f0!important;color:#302820!important}
html:not([data-hub-theme="dark"]) :is(.hh-start-top,.hh-start-tile){background:#fffdfb!important;border-color:#ddd1c5!important}
html:not([data-hub-theme="dark"]) :is(.hh-start-line,.hh-start-progress){background:#e9e0d6!important}
@media(max-width:720px){html[data-hub-theme] .hub-module-body .page-head{padding:18px 16px}}