/* =====================================================================
   Softwell Automation — Blog Reading Palette v1 (2026-10-26)
   Load LAST in <head>, after every inline <style> block.
   Keeps the dark + orange identity, moves black to brand navy,
   and fixes every failing text/background pair found in the audit.
   ===================================================================== */
:root{
  --swr-bg:#0E1621;        /* page background  (was #050505 pure black)   */
  --swr-surface:#152132;   /* article / cards  (was brown-tinted glass)   */
  --swr-surface-2:#1B2A3F; /* tables, callouts                            */
  --swr-line:#2A3B54;      /* borders                                     */
  --swr-heading:#F2F4F7;   /* 16.5:1 on bg                                */
  --swr-text:#D5DCE5;      /* body text 13.2:1 on bg, 11.7:1 on surface   */
  --swr-muted:#9AA6B6;     /* meta, captions 7.4:1                        */
  --swr-accent:#FF9A52;    /* orange text/links on dark 8.7:1             */
  --swr-brand:#E8610A;     /* brand orange: fills, borders, big headings  */
  --swr-on-orange:#0E1621; /* text placed ON any orange fill, 5.1–7:1     */
  --swr-navy:#0D2B45;      /* brand navy text on white 14.5:1             */
  --swr-wa:#15803D;        /* WhatsApp fill, white text 5.0:1             */
}

/* 1. Page + reading surface ------------------------------------------ */
body{background:var(--swr-bg)!important}
main.sw-blog-page{
  background:radial-gradient(circle at 10% 4%,rgba(232,97,10,.07),transparent 38%),var(--swr-bg)!important}
.swb-content{background:var(--swr-surface)!important;border-color:var(--swr-line)!important}

/* 2. Body copy: softer white, comfortable measure --------------------- */
.swb-content p,.swb-content li,.swb-lead{color:var(--swr-text)!important}
.swb-content p,.swb-content > ul,.swb-content > ol{max-width:78ch}
.swb-content p,.swb-content li{line-height:1.75}
.swb-content h2,.swb-content h3,.swb-content h4{color:var(--swr-heading)!important}
.swb-content a:not([class]){color:var(--swr-accent)!important;text-underline-offset:3px}
.swb-content table{border-color:var(--swr-line)!important}
.swb-content th{background:var(--swr-surface-2)!important;color:var(--swr-heading)!important}

/* 3. Logo: brand orange (bright #ff6a00 failed on the white header) ---- */
.sw-logo-name span{color:var(--swr-brand)!important}

/* 4. Text on orange fills: dark navy instead of white ---------------- */
.sw-final-call,.sw40-enroll,.sw40-getjob,.level-tag,.swm-stage,.step-pin,
.swa-card-n,.swvbs-training-link,.sw-btn.open-enquiry,.swmu-ref{
  color:var(--swr-on-orange)!important}

/* 5. WhatsApp buttons: darker green so white text is readable --------- */
.sw-final-wa,.swm-wa{background:var(--swr-wa)!important;color:#fff!important}

/* 6. "Verified learning pathway" block: one consistent dark version --- */
.sw-quality-path{
  background:linear-gradient(135deg,var(--swr-surface),var(--swr-bg))!important;
  border:1px solid var(--swr-line)!important;color:var(--swr-text)!important}
.sw-quality-path h2{color:var(--swr-heading)!important}
.sw-quality-path p,.sw-quality-path .swq-updated{color:var(--swr-muted)!important}
.sw-quality-path .swq-kicker{color:var(--swr-accent)!important}
.swq-actions a{background:#fff!important;color:var(--swr-navy)!important;border-color:#fff!important}
.swq-actions a.swq-primary{background:var(--swr-brand)!important;color:var(--swr-on-orange)!important;border-color:var(--swr-brand)!important}

/* 7. Review cards on light grey ---------------------------------------- */
.review-stars{color:#B45309!important}
.review-read{color:#B8480A!important}
.review-date{color:#52525B!important}

/* 8. Small muted labels on dark ---------------------------------------- */
.program-badge{color:#FF5A6A!important}
span.f{color:var(--swr-muted)!important}

/* 9. Keyboard focus visible on every link/button ----------------------- */
a:focus-visible,button:focus-visible{outline:2px solid var(--swr-accent);outline-offset:2px}