/* Content theme: Golden Shower, in the palette of goldenshower.se.
   Scope: only the page content (<main class="theme-golden">). The header, footer and the page
   background outside the content keep the site's normal look.
   Use: <main id="top" class="theme-golden"> + <link rel="stylesheet" href="/theme-golden-shower.css"> AFTER style.css.
   Another project page gets its own theme by copying this file and changing the values and the class name.
   Source palette: goldenshower.se :root. */
main.theme-golden {
  --bg: #3a2712;            /* site bg */
  --bg2: #4e3717;           /* surface */
  --panel: #4e3717;
  --line: rgba(255, 214, 130, .16);
  --text: #f5f0e6;          /* cream */
  --muted: #d9bc8a;
  --neon: #f2b705;          /* accent text: gold */
  --neon2: #ffe066;         /* second accent: bright gold */
  --pink: #ff5da2;
  --sakura: #f2b705;        /* highlights, buttons, heading underline */
  --peach: #ffe066;
  --matcha: #ff5da2;
  --sky: #c99a1f;
  --lavender: #604423;
  --shadow: 0 10px 28px rgba(0, 0, 0, .35);
  color: var(--text);
  background: radial-gradient(1200px 600px at 50% -10%, #8a5e22 0%, var(--bg) 55%, #1d1203 100%);
}
main.theme-golden .hero-media { background: var(--bg2); }
main.theme-golden .btn { color: #1d1203; box-shadow: 0 8px 20px rgba(0, 0, 0, .4); }