/* =========================================================
   KnownBoost V24.4.41 — sitewide readable text palette
   Keeps the existing visual identity while strengthening small,
   secondary and form text in both dark and light themes.
   ========================================================= */
:root{
  color-scheme:dark;
  --text:#f8fafc;
  --text2:#bcc5d1;
  --text3:#96a2b1;
  --border:rgba(255,255,255,.085);
  --border2:rgba(255,255,255,.14);
}
html[data-theme="light"]{
  color-scheme:light;
  --text:#111827;
  --text2:#3f4858;
  --text3:#5f6978;
  --border:rgba(15,23,42,.12);
  --border2:rgba(15,23,42,.18);
}

body{color:var(--text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.form-label,
.gv-kicker,
.gv-subtle,
.kb40-filter-caption,
.kb38-sort-form label,
.kb-mobile-nav-section-title,
.pd-role{color:var(--text2)}

.form-control,
input,
select,
textarea{color:var(--text)}
input::placeholder,
textarea::placeholder,
.form-control::placeholder,
.search-input::placeholder,
.hero-search input::placeholder,
.kb-market-search input::placeholder,
.kb-search-modal-form input::placeholder,
.authv2-input-wrap input::placeholder,
.kb-sidebar-search input::placeholder{
  color:var(--text3)!important;
  opacity:1!important;
}

.form-control:disabled,
.form-control[readonly],
input:disabled,
select:disabled,
textarea:disabled{color:var(--text2);opacity:.82}

select.form-control{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2396a2b1' stroke-width='1.7' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")
}
html[data-theme="light"] select.form-control{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235f6978' stroke-width='1.7' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")
}

/* Header and menu text that previously used fixed low-contrast values. */
.kb-market-search input,
.kb-search-modal-form input{color:var(--text)}
html[data-theme="light"] .kb-market-search input,
html[data-theme="light"] .kb-search-modal-form input{color:#111827}
html[data-theme="light"] .kb-market-utility,
html[data-theme="light"] .kb-market-icon-button,
html[data-theme="light"] .kb-market-pref-trigger,
html[data-theme="light"] .kb-market-topbar~.navbar .navbar-nav a{color:#3f4858}
html[data-theme="light"] .kb-mobile-nav-section-title,
html[data-theme="light"] .kb-mobile-nav-eyebrow{color:#5f6978}

/* Professional marketplace and boosting screens use many small captions. */
.kb36-section-head p,
.kb36-section-count,
.kb36-request-time,
.kb36-userline small,
.kb36-detail span,
.kb36-soft-note,
.kb39-job-search-status,
.kb39-price-inputs>span,
.kb39-search-status{color:var(--text3)}
.kb40-choice,
.kb40-popular-chip{color:var(--text2)}
.kb40-choice:hover,
.kb40-popular-chip:hover{color:var(--text)}

/* Preserve readable text when the operating system requests extra contrast. */
@media (prefers-contrast:more){
  :root{--text:#fff;--text2:#d7dee7;--text3:#b5c0cd;--border:rgba(255,255,255,.16);--border2:rgba(255,255,255,.24)}
  html[data-theme="light"]{--text:#050b14;--text2:#273244;--text3:#465267;--border:rgba(15,23,42,.20);--border2:rgba(15,23,42,.28)}
}
