/* =========================================================
   THE OVER 50 STANDARD — DAY (mock-up)
   Loaded after night.css. Reading sections go warm off-white;
   the nav, page heads, hero, channel band and footer stay dark.
   ========================================================= */

:root{
  --canvas:#F5F0E6;
  --panel:#FFFDF8;
  --panel-2:#EEE7D9;
  --accent:#55701A;          /* olive for text and links on cream */
  --accent-hover:#6B8A24;
  --accent-muted:#8AA35A;
  --text-primary:#1E1C17;
  --text-secondary:#57524A;
  --rule:#DED5C4;
  --ground:#F5F0E6;
  --surface:#FFFDF8;
  --surface-2:#EEE7D9;
  --ink:#1E1C17;
  --ink-soft:#57524A;
  --ink-faint:#8A8476;
  --rule-strong:#CFC4AF;
  --gold:#A3690C;            /* deep amber, readable on cream */
  --gold-hover:#B97A16;
  --lift:0 1px 0 rgba(255,255,255,.8) inset,0 16px 34px -20px rgba(60,45,20,.35),0 2px 6px rgba(60,45,20,.12);
  --lift-hi:0 1px 0 rgba(255,255,255,.9) inset,0 30px 60px -26px rgba(60,45,20,.42),0 4px 12px rgba(60,45,20,.16);
  --glow:0 0 0 1px rgba(85,112,26,.28),0 0 34px -8px rgba(85,112,26,.28);
}
html{background:#F5F0E6}
body{background:var(--canvas);color:var(--text-primary)}
::selection{background:rgba(169,207,74,.45);color:#1E1C17}
.env{background:
  radial-gradient(ellipse 80% 60% at 78% 0%,rgba(224,168,60,.10),transparent 62%),
  radial-gradient(ellipse 70% 60% at 6% 92%,rgba(169,207,74,.10),transparent 66%)}

/* the dark zones get the night tokens back */
.nav,.phead,.hero,.stage,.ytband,.cta-sec,body>footer{
  --canvas:#08090A;--panel:#101216;--panel-2:#15181D;
  --accent:#A9CF4A;--accent-hover:#C0E25F;--accent-muted:#6C8A34;
  --text-primary:#EEF1EA;--text-secondary:#B3B9AE;--rule:#232830;
  --gold:#E0A83C;--gold-hover:#F0B94E;
  color:var(--text-primary);
}
.phead,.ytband,.cta-sec,body>footer{background:#0C0E10}
.nav.solid{background:rgba(8,9,10,.94)}
.phead{padding-bottom:clamp(34px,5vw,56px)}

/* buttons keep their bright faces on cream */
.btn{background:linear-gradient(180deg,#C0E25F,#A9CF4A);color:#141A08;
  box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 10px 22px -12px rgba(85,112,26,.6),0 1px 3px rgba(60,45,20,.2)}
.btn:hover{background:linear-gradient(180deg,#CFEE6E,#C0E25F)}
.btn.gold{background:linear-gradient(180deg,#F0B94E,#E0A83C);color:#1E1608;
  box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 10px 22px -12px rgba(163,105,12,.6),0 1px 3px rgba(60,45,20,.2)}
.btn.ghost{background:transparent;color:var(--text-primary);border:1px solid var(--rule-strong);box-shadow:none}
.btn.ghost:hover{border-color:var(--text-primary);background:rgba(30,28,23,.04)}
.phead .btn.ghost,.ytband .btn.ghost{color:#EEF1EA;border-color:#3A4048}

/* cards, rows and panels: white paper on cream */
.book,.trow,.teaser,.mistake,.gearstrip,.bookline,.bookpromo,.excerpt,.faq details,.ob,.card,.rungcard,.freebook,.signup,.gearnote{
  background:var(--panel);border-color:var(--rule)}
.tilt.lit .glare{opacity:.5}
.gearstrip li a{background:var(--canvas);border-color:var(--rule);color:var(--text-primary)}
.gearstrip li a:hover{background:#FFF6E3;border-color:var(--gold)}
.signup input[type=email]{background:#fff;color:var(--text-primary);border-color:var(--rule-strong)}

/* reading: a touch larger and darker for older eyes */
.prose p,.prose li,article .prose p,article .prose li{color:#2B2822;font-size:clamp(18px,1.25vw,19.5px);line-height:1.72}
.prose h2,.prose h3{color:#16140F}
.lede{color:var(--text-secondary)}
.phead .lede{color:#C9CEC3}
a{color:var(--accent)}
.prose a{color:#4A6416;text-decoration-color:rgba(74,100,22,.4)}

/* photographs stay dark, so frame them like prints */
.hero-art img,.shot img,.portrait img,figure img{box-shadow:0 18px 40px -22px rgba(40,30,15,.55)}
.bcover,.shelf .bcover,.bookpromo img,.ob img{box-shadow:0 22px 40px -22px rgba(40,30,15,.6),0 2px 6px rgba(40,30,15,.18)}

/* the inline "what I'd buy" box */
.buybox{background:#FFF8EA;border-color:rgba(163,105,12,.28);border-left-color:var(--gold);box-shadow:0 10px 26px -18px rgba(60,45,20,.4)}
.prose .buybox p{font-size:16.5px}
.prose .buybox .bb-name{color:#1E1C17}
.buybox .bb-go a[data-asin]{color:#6E4708;border-color:rgba(163,105,12,.45);background:#fff}
.buybox .bb-go a[data-asin]:hover{background:#FFF1D6}

/* four books sit two by two rather than three and one */
@media (min-width:760px){.shelf{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gearnote{color:var(--text-primary);border:1px solid var(--rule);box-shadow:var(--lift)}
.gearnote h2{color:#1E1C17}
.gearnote p{color:var(--text-secondary)}
.gearnote .go{color:#6E4708;border-color:rgba(163,105,12,.45)}

/* blog cards */
.post{background:var(--panel);border-color:var(--rule)}
.post .pcat span{color:#B5AC9A}

/* buying-guide comparison table */
.ctable-wrap{background:var(--panel);border-color:var(--rule)}
.ctable thead th{background:var(--panel-2);color:var(--text-secondary)}
.ctable a{color:#8A5A0B}

/* the standards card page: its own small footer and the gear note */
footer:not(body>footer){background:transparent;color:var(--ink-faint);border-top-color:var(--rule)}
body .gearnote{background:var(--panel);border-color:var(--rule);border-left-color:var(--accent)}
body .gearnote h2{color:#1E1C17}
body .gearnote p{color:var(--text-secondary)}
.gearnote a.go{color:#6E4708;border-color:rgba(163,105,12,.45)}