:root{
  --brand-ink:#263e3d;
  --brand-gold:#9b642b;
  --brand-gold-deep:#82511f;
  --brand-gold-bright:#b27340;
  --brand-line:#ddcba8;
  --brand-wash:#faf4e8;
}

/* The gold belongs to the identity and the moments that guide the eye. */
body{color:var(--brand-ink)}
.top-right{color:#7e694a}
.panel-heading,.eyebrow,.section-head,.tool-number{color:var(--brand-gold-deep)}
.tools-panel,.workspace>main.hub,.workspace>main.tool-main,.workspace>main.khoj-workspace{border-color:#e4d9c5}
.panel-heading{border-bottom-color:var(--brand-line)}
.nav-num,.nav-arrow{color:var(--brand-gold)}
.tool-nav a:hover,.tool-nav a[aria-current="page"]{background:var(--brand-wash)}
.tool-nav a[aria-current="page"]{box-shadow:inset 3px 0 0 var(--brand-gold-bright)}
.tool-nav a[aria-current="page"] strong{color:var(--brand-gold-deep)}
.brand-logo{filter:drop-shadow(0 2px 5px #8b61201a)}

/* Quiet metallic accents on the landing page and tool pages. */
.workspace .hub h1 em,.khoj-workspace h1 em{color:var(--brand-gold)}
.workspace .hub .search-caption,.khoj-workspace .devanagari{color:var(--brand-gold-deep)}
.hub-search{border-color:#dbcaa9}
.hub-search:focus-within,#search:focus-within{border-color:var(--brand-gold-bright);box-shadow:0 10px 34px #6a4e2017,0 0 0 3px #b2734024}
.home-cue{border-top-color:var(--brand-line)}
.workspace .tool-main .tool-title::after{content:"";display:block;width:43px;height:3px;margin-top:18px;background:linear-gradient(90deg,#84521e,#d2a654);border-radius:3px}
.workspace .tool-main .tool-lead{color:#4f6357}
.panel,.edit-pane,.export-panel{border-color:#e5dccc}
.field input:focus,.field select:focus,.export-controls select:focus,.corner-choice select:focus{outline:3px solid #c6985366;border-color:var(--brand-gold)}
.primary,.hub-search button{background:var(--brand-ink);box-shadow:inset 0 1px 0 #ffffff2e,0 2px 0 #9b642b55}
.primary:hover,.hub-search button:hover{background:#365650}
button:focus-visible,a:focus-visible{outline-color:var(--brand-gold)}
.footer{border-top-color:var(--brand-line)}
.footer span:first-child{color:var(--brand-gold-deep)}

/* Search results and downloadable files inherit the same warm detail. */
.khoj-workspace .hint,.khoj-workspace .review{color:#675f4f}
.khoj-workspace .result{border-color:#e5dccc}
.khoj-workspace .result h2{color:var(--brand-ink)}
.khoj-workspace .open-link{background:var(--brand-wash);color:var(--brand-gold-deep)}
.khoj-workspace .open-link:hover{background:#f0e2c9}
.result-box{background:#f8f2e6}
.result-box strong{color:var(--brand-gold-deep)}

/* Form tabs, scanner selection, and upload states use gold as a clear signal. */
.converter-modes button[aria-selected="true"]{background:var(--brand-ink);border-color:var(--brand-gold-bright);box-shadow:inset 0 -3px 0 #c3914d}
.converter-modes button:hover:not([aria-selected="true"]){background:var(--brand-wash);border-color:var(--brand-line)}
.upload-zone{background:#fcf8ef;border-color:#c9a975}
.upload-zone:hover{border-color:var(--brand-gold-deep);background:var(--brand-wash)}
.upload-icon{color:var(--brand-gold)}
.page-thumb[aria-current="page"]{border-color:var(--brand-gold);box-shadow:0 0 0 2px #b2734026}
.filter.active{background:var(--brand-gold-deep);border-color:var(--brand-gold-deep)}
.export-panel{background:#fbf7ee}
.scanner-main button:focus-visible,.scanner-main a:focus-visible,.scanner-main input:focus-visible,.scanner-main canvas:focus-visible{outline-color:var(--brand-gold)}

@media(max-width:700px){
  .tool-nav a[aria-current="page"]{box-shadow:inset 0 3px 0 var(--brand-gold-bright)}
}

/* Primary actions carry the richer bronze from the logo. */
.primary,.hub-search button,.khoj-workspace form button,
.converter-output .result-box a,.export-panel #export-status a{
  background:linear-gradient(135deg,#9b642b 0%,#87521f 58%,#704018 100%);
  color:#fff;
  box-shadow:inset 0 1px 0 #f4daa85c,0 4px 12px #70471c24;
}
.primary:hover,.hub-search button:hover,.khoj-workspace form button:hover,
.converter-output .result-box a:hover,.export-panel #export-status a:hover{
  background:linear-gradient(135deg,#985f26,#684019);
}
.hub-search>svg,.khoj-workspace .search-icon{color:var(--brand-gold)}
.workspace>main.hub{position:relative}
.workspace>main.hub::before{content:"";position:absolute;top:0;left:54px;width:132px;height:3px;background:linear-gradient(90deg,#87551f,#d5ae62);border-radius:0 0 3px 3px}
@media(max-width:900px){.workspace>main.hub::before{left:28px}}
@media(max-width:700px){.workspace>main.hub::before{left:23px}}

/* Reuse the original Bharat Khoj illustration consistently across every tool. */
div.art{background:url('/background.png') center center / cover no-repeat;opacity:.68}