/* Shared palette: home page and content pages. Load first. */
    :root {
      --pg-bg:           linear-gradient(160deg,#1a1040 0%,#2d1b5e 40%,#1a2a4a 70%,#0d1f3a 100%);
      --pg-fg:           #e8d5a0;
      --scout-ok:        #00e060;
      --scout-bad:       #ff4444;
      --scout-neutral:   rgba(240,192,48,0.38);
      --hint-bg:         #1a0f35;
      --hint-border:     #f0c030;
      --arena-bg:        transparent;   /* maze mat — matches the game (dark) */
      --hdr-bg:          rgba(0,0,0,0.4);
      --hdr-bd:          rgba(240,192,48,0.3);
      --hdr-sh:          rgba(0,0,0,0.4);
      --chip-bg:         rgba(240,192,48,0.12);
      --chip-bd:         rgba(240,192,48,0.38);
      --chip-fg:         #c8a050;
      --chip-played-bg:  rgba(255,255,255,0.04);
      --chip-played-bd:  rgba(240,192,48,0.15);
      --chip-played-fg:  #a08040;
      --ghost-bd:        rgba(240,192,48,0.07);
      --ghost-bg:        rgba(255,255,255,0.01);
      --panel-bg:        rgba(0,0,0,0.25);
      --panel-bd:        rgba(240,192,48,0.2);
      --box-bg:          rgba(255,255,255,0.04);
      --star-box-bg:     rgba(255,255,255,0.03);
      --sct-lbl:         #604820;
      --muted:           #806830;
      --day-dt:          #806830;
      --viz-bd:          rgba(240,192,48,0.1);
      --therm-bg:        rgba(255,255,255,0.06);
      --therm-sh:        rgba(240,192,48,0.1);
      --scbn:            #c8a060;
      --card-bg:         #1a1218;
      --card-bd:         rgba(240,192,48,0.4);
      --card-fg:         #e8d5a0;
      --nav-bg:          #34271b;
      --nav-active-bg:   #4d3c1e;
      --dot-bg:          #4a3a20;
      --settings-lbl:    #806830;
      --menu-bg:         #1a1218;
      --menu-bd:         rgba(240,192,48,0.38);
      --menu-fg:         #e8d5a0;
      --menu-sep:        rgba(240,192,48,0.18);
      --menu-hover:      rgba(240,192,48,0.12);
      --crumb-fg:        #806830;
    }
    html[data-theme="light"] .home-title {
      background: linear-gradient(90deg,#855600 0%,#ca7600 50%,#855600 100%) !important;
      -webkit-background-clip: text !important;
      background-clip: text !important;
      -webkit-text-fill-color: transparent !important;
    }
    /* Light-mode ink: one warm brown for body text, headings and chrome buttons. */
    html[data-theme="light"] .page-card h1,
    html[data-theme="light"] .crumbs-inner,
    html[data-theme="light"] .home-tag,
    html[data-theme="light"] .pg-section h2,
    html[data-theme="light"] .pg-sub,
    html[data-theme="light"] .lesson-head h2,
    html[data-theme="light"] .tip-head h2,
    html[data-theme="light"] .howto-title {
      color: #895a03;
    }
    html[data-theme="light"] {
      --pg-bg:           linear-gradient(160deg,#f5edd8 0%,#ede0c0 50%,#f0e8d0 100%);
      --pg-fg:           #895a03;
      --hint-bg:         #3d2c12;
      --hint-border:     #e0a92e;
      --arena-bg:        #613f01;   /* maze mat — matches the game (light) */
      --hdr-bg:          rgba(240,192,48,0.18);
      --hdr-bd:          rgba(160,96,16,0.45);
      --hdr-sh:          rgba(0,0,0,0.12);
      --chip-bg:         rgba(160,96,16,0.1);
      --chip-bd:         rgba(160,96,16,0.4);
      --chip-fg:         #1e0c00;
      --chip-played-bg:  rgba(0,0,0,0.03);
      --chip-played-bd:  rgba(160,96,16,0.2);
      --chip-played-fg:  #2a1400;
      --ghost-bd:        rgba(160,96,16,0.1);
      --ghost-bg:        rgba(0,0,0,0.02);
      --panel-bg:        rgba(0,0,0,0.05);
      --panel-bd:        rgba(160,96,16,0.2);
      --box-bg:          rgba(0,0,0,0.04);
      --star-box-bg:     rgba(0,0,0,0.03);
      --sct-lbl:         #3a2000;
      --muted:           #3a2000;
      --day-dt:          #3a2000;
      --viz-bd:          rgba(160,96,16,0.15);
      --therm-bg:        rgba(0,0,0,0.08);
      --therm-sh:        rgba(160,96,16,0.15);
      --scbn:            #2a1400;
      --card-bg:         #fdf5e4;
      --card-bd:         rgba(160,96,16,0.5);
      --card-fg:         #895a03;
      --nav-bg:          #edd8a8;
      --nav-active-bg:   #e0c890;
      --dot-bg:          #c8a060;
      --settings-lbl:    #895a03;
      --menu-bg:         #fdf5e4;
      --menu-bd:         rgba(160,96,16,0.5);
      --menu-fg:         #1a0800;
      --menu-sep:        rgba(160,96,16,0.22);
      --menu-hover:      rgba(160,96,16,0.1);
      --crumb-fg:        #3a2000;
    }