/* EDIVIC Unified Barley / Mikado / Brown Theme — 2026-07-22 */
:root{
  --edv-barley:#fff4cc;--edv-barley-soft:#fff9e8;--edv-cream:#fffdf5;--edv-yellow:#ffbe00;--edv-yellow-hover:#e6a900;
  --edv-brown:#3b2a1a;--edv-brown-2:#4a3522;--edv-brown-deep:#2b1c10;--edv-ink:#2b2418;--edv-muted:#756a58;
  --edv-line:#e5d4b7;--edv-line-strong:#c9a96e;--edv-success:#167447;--edv-danger:#b42318;--edv-warning:#8a5a00;
  --edv-shadow:0 18px 48px rgba(59,42,26,.10);--edv-shadow-soft:0 10px 28px rgba(59,42,26,.075);
  color-scheme:light;
}
html{background:var(--edv-barley-soft);scrollbar-color:#b98a36 var(--edv-barley-soft)}
body{background:linear-gradient(180deg,var(--edv-barley-soft),var(--edv-cream));color:var(--edv-ink)}
body,button,input,select,textarea{font-family:Outfit,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:var(--edv-brown)}
a:hover{color:#6b4700}
::selection{background:rgba(255,190,0,.35);color:var(--edv-brown-deep)}
:focus-visible{outline:3px solid rgba(255,190,0,.78)!important;outline-offset:3px!important}
:is(input,select,textarea){background:var(--edv-cream)!important;color:var(--edv-ink)!important;border-color:var(--edv-line)!important}
:is(input,select,textarea)::placeholder{color:#8d806c!important;opacity:1}
:is(input,select,textarea):focus{border-color:#b77b00!important;box-shadow:0 0 0 4px rgba(255,190,0,.18)!important}
:is(button,.btn,.button,[class*="btn-primary"],.primary-btn,.primary-button)[disabled]{background:#dfd4bd!important;color:#7f7463!important;border-color:#d1c4aa!important;opacity:1!important;cursor:not-allowed!important}
:is(.btn-primary,.primary-btn,.primary-button,.cta-primary,.edv-btn-primary,.join-btn,.submit-btn){background:var(--edv-yellow)!important;color:var(--edv-brown-deep)!important;border-color:#d99d00!important;box-shadow:0 10px 24px rgba(160,107,0,.18)}
:is(.btn-primary,.primary-btn,.primary-button,.cta-primary,.edv-btn-primary,.join-btn,.submit-btn):hover{background:var(--edv-yellow-hover)!important;color:var(--edv-brown-deep)!important}
:is(.btn-dark,.dark-btn,.secondary-dark){background:var(--edv-brown)!important;color:var(--edv-cream)!important;border-color:var(--edv-brown)!important}
:is(.btn-light,.btn-secondary,.secondary-btn,.ghost-btn,.edv-btn-ghost){background:var(--edv-cream)!important;color:var(--edv-brown)!important;border-color:var(--edv-line)!important}
:is(.btn-light,.btn-secondary,.secondary-btn,.ghost-btn,.edv-btn-ghost):hover{background:var(--edv-barley)!important;color:var(--edv-brown-deep)!important;border-color:var(--edv-line-strong)!important}
:is(.card,.panel,.surface,.stat-card,.metric-card,.settings-card,.notification-card,.project-card,.editor-card,.client-card){border-color:var(--edv-line)!important;box-shadow:var(--edv-shadow-soft)}
:is(table,thead,tbody,tr,th,td){border-color:var(--edv-line)!important}
thead,th{background:#f5e6bd!important;color:var(--edv-brown-deep)!important}
:is(.badge,.chip,.tag,.pill){border-color:rgba(59,42,26,.16)}
:is(.badge-success,.status-success,.is-success){background:#e7f6ee!important;color:#0d663d!important}
:is(.badge-warning,.status-warning,.is-warning,.status-pending){background:#fff0bd!important;color:#6b4700!important}
:is(.badge-danger,.status-danger,.is-danger,.status-rejected){background:#fee9e7!important;color:#9c1c14!important}
:is(.modal,.dialog,.dropdown,.popover,.menu-panel){background:var(--edv-cream);color:var(--edv-ink);border-color:var(--edv-line)}
/* Resolve low-contrast yellow-on-cream icon states found in live recordings. */
.benefit-list i,.flow-number,.home-real-stats .trust-card i{color:#6b4f00!important}
/* Brown theme for old dark/navy surfaces without changing semantic success/error colors. */
:is(.hero-dark,.dark-panel,.workspace-hero,.page-hero,.auth-visual,.sidebar,.topbar-dark){--ink:var(--edv-cream);--muted:#eadfc9}
/* Ensure hidden legacy navigation never flashes above canonical shells. */
body.edivic-public-shell-active > :is(header.edv-header,header.site-header,header.public-topbar),
body.edivic-public-shell-active :is(#site-header,.legacy-public-header){display:none!important}
@media(max-width:760px){
  :is(button,.btn,.primary-btn,.secondary-btn,.edv-btn){min-height:44px}
  :is(.modal,.dialog){max-width:calc(100vw - 24px)!important}
}