/* Brand lock: black / white / shining orange only — kills stray blue & green chrome */
:root {
  --accent: #ff6b1a;
  --accent-dark: #e85a0c;
  --accent-bright: #ff8a3d;
  --accent-glow: rgba(255, 107, 26, 0.45);
  --accent-soft: rgba(255, 107, 26, 0.14);
  --green: #ff6b1a;
  --green-dark: #e85a0c;
  --link: #1a1a1a;
  --link-hover: #ff6b1a;
  --shine-orange: linear-gradient(135deg, #ffb067 0%, #ff6b1a 48%, #ff4d00 100%);
  --shine-orange-hover: linear-gradient(135deg, #ffc078 0%, #ff7a2e 45%, #ff5a10 100%);
}

/* Body links: ink, not browser-blue */
a { color: var(--link); }
a:hover { color: var(--link-hover); }
.cat-list a,
.side-box a,
.tool-aside a,
.toc a,
.related a,
.breadcrumb a,
.dir-item,
.home-wrap a {
  color: #1a1a1a !important;
}
.cat-list a:hover,
.side-box a:hover,
.tool-aside a:hover,
.toc a:hover,
.related a:hover,
.dir-item:hover,
.home-wrap a:hover,
.breadcrumb a:hover {
  color: #ff6b1a !important;
}

/* Header Search — same shining pill on Home, Blogs, and every page */
.header-search-open {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  padding: 7px 14px !important;
  border: 0 !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  font: inherit !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: #fff !important;
  background: linear-gradient(135deg, #ffb067 0%, #ff6b1a 48%, #ff4d00 100%) !important;
  box-shadow: 0 3px 10px rgba(255, 107, 26, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.12);
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease !important;
}
.header-search-open:hover {
  color: #fff !important;
  transform: translateY(-1px);
  filter: brightness(1.05);
  box-shadow: 0 5px 14px rgba(255, 107, 26, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}
.header-search-open:focus-visible {
  outline: 2px solid #ff6b1a;
  outline-offset: 2px;
}
.header-search-open svg {
  flex-shrink: 0;
  display: block;
}

/* Shining primary buttons (Calculate, Search submit, etc.) */
.btn-primary,
.btn-ember,
.btn-calc,
.rt-btn-calc,
.desk-actions .btn-primary,
.header-search button,
button.btn-primary,
input[type="submit"].btn-primary {
  background: var(--shine-orange) !important;
  background-color: #ff6b1a !important;
  border: 0 !important;
  color: #fff !important;
  box-shadow: 0 4px 16px var(--accent-glow), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.12);
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease !important;
}
.btn-primary:hover,
.btn-ember:hover,
.btn-calc:hover,
.rt-btn-calc:hover,
.desk-actions .btn-primary:hover,
.header-search button:hover {
  background: var(--shine-orange-hover) !important;
  background-color: #ff7a2e !important;
  box-shadow: 0 8px 22px rgba(255, 107, 26, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
  transform: translateY(-1px);
  filter: brightness(1.05);
  color: #fff !important;
}

/* Kill green / blue calculator chrome — tool section titles stay light & clean */
.related-tabs a.active {
  background: var(--shine-orange) !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: 0 4px 14px var(--accent-glow) !important;
}
.desk-panel-h,
.desk-panel .desk-panel-h,
.tool-box > h2:first-child,
.calc-head,
.panel-head,
.workspace .panel-title-bar {
  background: #1a1a1a !important;
  background-image: none !important;
  color: #fff !important;
  border-color: #1a1a1a !important;
  box-shadow: inset 0 -3px 0 #ff6b1a !important;
}
/* RGB / color tool headers — NOT solid black (was messy) */
.rt-tool-h,
.color-ui-page .rt-tool-h,
.color-page-tools .rt-tool-h {
  background: #f4f4f4 !important;
  background-image: none !important;
  color: #111 !important;
  border: 1px solid #e6e6e6 !important;
  border-radius: 8px 8px 0 0 !important;
  padding: 10px 14px !important;
  box-shadow: inset 0 -3px 0 #ff6b1a !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em;
}

/* Hard overrides for known green hexes in calc CSS */
.sci-pad .k-eq,
.toggle-row button.on,
.sci-grid .k-eq,
.desk-actions .btn-primary,
.rt-btn-calc,
.btn-case,
.calc-premium .btn-primary,
button[style*="2e7d32"],
.k-eq {
  background: var(--shine-orange) !important;
  background-color: #ff6b1a !important;
  border-color: #ff6b1a !important;
  color: #fff !important;
  box-shadow: 0 4px 14px var(--accent-glow) !important;
}

/* Desk blue header → black + orange underline */
.desk-panel-h {
  background: #1a1a1a !important;
}

/* See-also / category orange pills — shining, not flat dark orange */
.see-also a,
.related-grid .feature-tile,
.cat-pills a,
.quick-cats a,
.dir-pills a {
  background: var(--shine-orange) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 14px var(--accent-glow), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
  font-weight: 700 !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease !important;
}
.see-also a:hover,
.related-grid .feature-tile:hover,
.cat-pills a:hover,
.quick-cats a:hover {
  background: var(--shine-orange-hover) !important;
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(255, 107, 26, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
  filter: brightness(1.06);
  text-decoration: none !important;
}

/* Home / directory tiles */
ul.cat-list.cat-tiles a:hover {
  border-color: rgba(255, 107, 26, 0.5) !important;
  background: #fff7f0 !important;
}
.home-intro .accent,
.brand-coder,
.article-eyebrow {
  color: #ff6b1a !important;
}
.cat-num {
  background: var(--shine-orange) !important;
  box-shadow: 0 2px 8px var(--accent-glow);
}

/* Focus rings — orange, not green */
*:focus-visible {
  outline-color: #ff6b1a !important;
}
input:focus,
select:focus,
textarea:focus {
  border-color: #ff6b1a !important;
  box-shadow: 0 0 0 3px var(--accent-soft) !important;
}

/* Scroll / misc chrome */
.scroll-btn:hover,
.related-tabs a.active {
  background: var(--shine-orange) !important;
}

/* Weather / pro pages that forced blue-green */
body.wx-snow .btn-primary,
.wx-search-row .btn-primary,
.calc-pro .btn-primary {
  background: var(--shine-orange) !important;
  background-color: #ff6b1a !important;
}

/* Extra hard lock — leftover calculator greens/blues */
.btn-primary,
.btn-ember,
.desk-actions .btn-primary,
.rt-btn-calc,
.sci-pad .k-eq,
.sci-grid .k-eq,
.toggle-row button.on,
.related-tabs a.active {
  background: linear-gradient(135deg, #ffb067 0%, #ff6b1a 48%, #ff4d00 100%) !important;
  background-color: #ff6b1a !important;
  border-color: #ff6b1a !important;
  color: #fff !important;
  box-shadow: 0 4px 16px rgba(255, 107, 26, 0.45), inset 0 1px 0 rgba(255,255,255,0.35) !important;
}
.desk-panel-h,
.rt-tool-h,
.panel-head {
  background: #1a1a1a !important;
  color: #fff !important;
  box-shadow: inset 0 -3px 0 #ff6b1a !important;
}
.see-also a,
.related-grid .feature-tile,
.related-grid a {
  background: linear-gradient(135deg, #ffb067 0%, #ff6b1a 48%, #ff4d00 100%) !important;
  box-shadow: 0 4px 14px rgba(255, 107, 26, 0.4), inset 0 1px 0 rgba(255,255,255,0.3) !important;
  border-radius: 8px !important;
}
.brand-mark path[fill="#ff5e14"],
.brand-mark path[fill="#FF5E14"] { fill: #ff6b1a; }