/* theme-fixes.css — v10.460 light mode: a warm cream page background, and box outlines that are clearly visible.
   Cards stay white, so they stand out on the cream. */
:root:not([data-theme="dark"]){
  --cream:#FFF8E7;
  --border:rgba(76,40,140,.26);
  --border-md:rgba(76,40,140,.40);
  --border-lt:rgba(76,40,140,.18);
}
html:not([data-theme="dark"]) body{background:#FFF8E7}
/* the shared page wrappers that painted their own near-white background */
html:not([data-theme="dark"]) main,html:not([data-theme="dark"]) .page-wrap,html:not([data-theme="dark"]) .site-main{background-color:transparent}
/* common boxes: a firm, visible outline */
html:not([data-theme="dark"]) .tn-card,html:not([data-theme="dark"]) .sky .card,html:not([data-theme="dark"]) .sky .sign-card,html:not([data-theme="dark"]) .at-card,html:not([data-theme="dark"]) .at-path{border-color:rgba(76,40,140,.30)}
html:not([data-theme="dark"]) .sky form.sky-f,html:not([data-theme="dark"]) .sky table,html:not([data-theme="dark"]) .sky th,html:not([data-theme="dark"]) .sky td{border-color:rgba(76,40,140,.26)}
html:not([data-theme="dark"]) input:not([type=checkbox]):not([type=radio]):not([type=range]),html:not([data-theme="dark"]) select,html:not([data-theme="dark"]) textarea{border-color:rgba(76,40,140,.38)}

/* v10.460 — native controls follow the theme: drop-down option lists, date pickers and
   scrollbars are drawn dark in dark mode (they were white with pale text, e.g. Admin → Gift Codes) */
html:not([data-theme="dark"]){color-scheme:light}
html[data-theme="dark"]{color-scheme:dark}
html[data-theme="dark"] select option,html[data-theme="dark"] select optgroup{background-color:#1B1430;color:#ECE8F7}
html[data-theme="dark"] select{background-color:#1B1430;color:#ECE8F7}
html[data-theme="dark"] select:disabled option{color:#9C93B5}

/* v10.460 — every word readable (contrast checked page by page) */
:root:not([data-theme="dark"]){--tn-name:#D4006F;--tn-name-hover:#A8005A}   /* name links and name headings on cream: 4.6:1 */
html:not([data-theme="dark"]) .sky .stars,html:not([data-theme="dark"]) .sky .big-stars{color:#B07000}
.kmatch-banner .kmatch-banner-title{color:#fff}                                  /* was navy on the navy banner (the card link inherited the page ink) */
html[data-theme="dark"] .kmatch-banner .kmatch-banner-title{color:#fff;-webkit-text-fill-color:#fff}
/* the Exclusives pill: a slightly deeper coral → rose so its white label reads at the light end too */
html .site-header.hd2 .nav-premium-btn,html .site-header.hd2 .nav-item-premium:hover > .nav-premium-btn,html .site-header.hd2 .nav-item-premium.open > .nav-premium-btn{background:linear-gradient(135deg,#E5453A 0%,#D3135F 100%) !important}

/* v10.460 — more words made readable (second contrast pass, both themes) */
/* light mode */
html:not([data-theme="dark"]) .kk-tag,html:not([data-theme="dark"]) .kk-tag-cert{color:#7A4E06}
html:not([data-theme="dark"]) .ksample-langs a{color:#B8004F}
html:not([data-theme="dark"]) .admin-sub,html:not([data-theme="dark"]) .admin-main .muted{color:#5E527A !important}
/* orange buttons with white words: a deeper orange */
.footer-newsletter .fn-form button,.fn-form button,.ksample-btn.primary{background:linear-gradient(135deg,#C9330F,#D6005E) !important}
/* the name ticker stays light in both themes: a deeper pink for the names */
.ticker-item .t-name,.ticker-item strong{color:#B80F6C !important;-webkit-text-fill-color:#B80F6C !important}
/* dark mode */
[data-theme="dark"] .kq-tag,[data-theme="dark"] .kq-mylink,[data-theme="dark"] .kk-card-cta{color:#FF6FAE !important;-webkit-text-fill-color:#FF6FAE !important}
[data-theme="dark"] .admin-sub,[data-theme="dark"] .admin-main small,[data-theme="dark"] .admin-main .muted{color:#BDB3D6 !important}
html:not([data-theme="dark"]) .btn.btn-primary{background:linear-gradient(135deg,#C9330F,#D6005E) !important}
html[data-theme="dark"] .ticker-item strong,html[data-theme="dark"] .ticker-item .t-name{color:#B80F6C !important;-webkit-text-fill-color:#B80F6C !important}   /* the ticker strip stays light in dark mode */
html:not([data-theme="dark"]) .kq-tag,html:not([data-theme="dark"]) .kq-mylink{color:#AE004F !important;-webkit-text-fill-color:#AE004F !important}   /* small pink words on the page background */

/* v10.466: the name ticker on cream and gold instead of pink */
html:not([data-theme="dark"]) .ticker-bar{background:linear-gradient(90deg,#FDF0D2,#FFF8E7 50%,#FDF0D2) !important;border-bottom:1px solid rgba(180,120,20,.18)}
html[data-theme="dark"] .ticker-bar{background:linear-gradient(90deg,#FDF0D2,#FFF8E7 50%,#FDF0D2) !important}