/* Colour option B: light page body, dark header and footer (approved by Gareth 12 Nov 2026).
   Linked only on the pages that use it. Stage 1 = article pages (no forms, no dog lists).
   Undo on one page: remove its <link rel="stylesheet" href="/css/light-body.css">.
   Colours from the "Yorkie Rescue colour options" canvas, option B; trialled 9 Nov on the toilet-training page. */
body{background:#f3f8f8;color:#17323a}
main{color:#17323a;--ink-muted:#3f5257;--accent:#0b5f66;
 /* variables used by the homepage-style pages (stage 2) */
 --bg:#f3f8f8;--bg-elevated:#fff;--bg-band-blue:#d9eaec;--bg-band-alt:#e4eeef;--ink:#17323a;
 --link:#0b5f66;--link-hover:#0b4f56;--accent-bright:#0b5f66;
 --card-bg:#fff;--card-border:rgba(12,52,61,.16);--card-shadow:0 4px 14px rgba(12,52,61,.10);
 --divider:rgba(12,52,61,.2);--callout-bg:#e3f2f4;--callout-border:#7cc4cc;--callout-title:#0b4f56;
 --btn-secondary-bg:#fff;--btn-secondary-border:#7cc4cc;--badge-ink:#fff}
/* near-white text written into the old pages */
main [style*="color:#f9f9f9"],main [style*="color:#ffffff"],main [style*="color:#f3f3f3"],main [style*="color:#efefef"],main [style*="color:#e8f4f7"]{color:#17323a!important}
/* pale accent colours from the old pages, darkened so they read on a light page */
main [style*="color:#b6d7a8"],main [style*="color:#93c47d"],main [style*="color:#00ff00"]{color:#2c6a1e!important}
main [style*="color:#d5a6bd"]{color:#8a2f5c!important}
main [style*="color:#00ffff"],main [style*="color:#7dd8f0"]{color:#0b5f66!important}
main [style*="color:#fff2cc"]{color:#7a5600!important}
main [style*="color:#ea9999"]{color:#a32626!important}
main [style*="color:#a4c2f4"],main [style*="color:#6fa8dc"]{color:#1f4f99!important}
main h1,main h2,main h3,main h1 [style*="color"],main h2 [style*="color"],main h3 [style*="color"]{color:#0b4f56!important}
main a:not(.btn){color:#0b5f66}
main a:not(.btn) [style*="color"]{color:#0b5f66!important}
main a:not(.btn):hover{color:#0b4f56}
main .imgcap{background:#fff;border-color:#7cc4cc;box-shadow:0 4px 14px rgba(12,52,61,.10)}
main .page .tile-img img,main .page .tile-text>img:not(.icon){box-shadow:0 4px 14px rgba(12,52,61,.14)}
main .btn{box-shadow:0 3px 10px rgba(12,52,61,.16)}
/* coloured bands become soft tints; divider lines become dark */
main .th-alt::before{background:#e4eeef}
main .th-blue::before{background:#d9eaec}
main hr.divider{background:rgba(12,52,61,.22)}
/* photo banners keep white text on the dark photo */
main .hero,main .hero h1,main .hero h2,main .hero h3,main .hero [style*="color"],main .hero h1 [style*="color"],main .hero a:not(.btn){color:#fff!important}
main .hero .hero-sub{color:#9be7ed!important}
/* live dog boxes from sayr.co.za keep their own dark styling: give them a matching dark frame */
main .tile-widget{background:#1a262a;border-radius:14px;padding:6px;box-shadow:0 4px 14px rgba(12,52,61,.14)}
/* help boxes on the rehome page */
main .sayr-rehome-help{color:#17323a;background:#e3f2f4}
main .sayr-rehome-help summary{color:#0b4f56}
main .sayr-rehome-help p,main .sayr-rehome-help li,main .sayr-rehome-help strong{color:#17323a}
main .sayr-rehome-help a{color:#0b5f66}
/* province and puppy-info cards */
main .sayr-region,main .sayr-puppy-info{background:#fff;border-color:rgba(12,52,61,.16);box-shadow:0 4px 14px rgba(12,52,61,.10);color:#17323a}
main .sayr-region a{color:#0b5f66}
main .sayr-areas{color:#3f5257}
.site-footer{margin-top:40px}
