/* iSocialize landing pages — dark mode (CJ, 2026-08-03)
 * ------------------------------------------------------------------
 * /shop and /local were light-only, so a visitor on a dark OS went from the
 * dark app straight into a bright white page. /sell is already dark by design
 * (--bg:#070b14) and is deliberately NOT touched here.
 *
 * Both pages are almost entirely CSS-variable driven (35 and 72 var() uses),
 * so overriding :root under prefers-color-scheme does nearly all the work.
 * The handful of hardcoded light colours are overridden explicitly below.
 *
 * Delivered as an EXTERNAL stylesheet on purpose: these pages emit their CSS
 * from inside PHP single-quoted strings, so inlining CSS containing quotes
 * breaks the PHP parse (this exact mistake took /shop and /local down once).
 * The <link> tag uses double quotes only and is safe to embed.
 */
@media (prefers-color-scheme: dark) {
  :root {
    --paper:  #0b1220;   /* page background */
    --card:   #131c2e;   /* surfaces / cards */
    --ink:    #e8eefb;   /* primary text   — ~15:1 on --paper */
    --muted:  #9aa9c2;   /* secondary text — ~8:1  on --paper */
    --line:   #243149;   /* borders / dividers */
    --brand:  #4aa6ea;   /* lifted for contrast on dark (~6:1) */
    --brand-dk:#2f8ad8;
    --accent: #4aa6ea;
    --shadow: 0 1px 2px rgba(0,0,0,.55), 0 12px 36px rgba(0,0,0,.6);
  }

  html, body { background: var(--paper); color: var(--ink); }

  /* Image placeholders — hardcoded light in the page CSS, so they need
     explicit overrides or they flash as bright blocks while images load. */
  .card .thumb,
  .card .ph-empty,
  .card .ph,
  .pcard .ph        { background: #1b2740; }

  /* Scrollbar thumb on the horizontal city strip (was #ded7c9). */
  .strip::-webkit-scrollbar-thumb { background: #2b3a55; }

  /* Photos and city cards are a touch bright against a dark page. */
  .citycard img,
  .herostack img    { filter: brightness(.92); }

  /* NOTE: `.hero.photo .cta` stays white on purpose — it sits on top of a
     photograph, where white is the correct high-contrast treatment in both
     colour schemes. Do not "fix" it. */
}