/* ============================================================
   RETRO THEMES — override CSS variables from custom.css
   ============================================================ */

/* === AMBER — phosphor monitor, ca. 1982 =================== */
html.theme-amber {
  --bg-page:        #080400;
  --bg-body:        rgba(14, 7, 0, 0.97);
  --bg-sidebar:     rgba(10, 5, 0, 0.98);
  --bg-header:      #080400;
  --bg-code:        #080400;

  --c-text:         #cc8800;
  --c-h1:           #ffb000;
  --c-h2:           #ff8c00;
  --c-h3:           #cc6600;
  --c-link:         #ffd044;
  --c-link-hover:   #ffffff;
  --c-strong:       #ffb000;
  --c-em:           #ff6600;
  --c-sidebar-text: #996600;
  --c-border:       #ffb000;
  --c-code:         #ffb000;
  --c-cursor:       #ffb000;
  --c-scrollbar:    #ffb000;
  --c-footer:       #664400;
  --c-matrix:       #ffb000;

  --glow-primary:   rgba(255, 176, 0, 0.5);
  --glow-link:      rgba(255, 208, 68, 0.5);
  --glow-hover:     rgba(255, 255, 255, 0.4);
}

/* === PAPER — white terminal, retro printer feel =========== */
html.theme-paper {
  --bg-page:        #f5f0e8;
  --bg-body:        rgba(245, 240, 232, 0.98);
  --bg-sidebar:     rgba(235, 228, 215, 0.99);
  --bg-header:      #e8e0cc;
  --bg-code:        #ede8dc;

  --c-text:         #2a2a2a;
  --c-h1:           #1a1a1a;
  --c-h2:           #333300;
  --c-h3:           #444400;
  --c-link:         #005588;
  --c-link-hover:   #cc0000;
  --c-strong:       #000000;
  --c-em:           #664400;
  --c-sidebar-text: #444444;
  --c-border:       #888866;
  --c-code:         #1a1a1a;
  --c-cursor:       #1a1a1a;
  --c-scrollbar:    #888866;
  --c-footer:       #888877;
  --c-matrix:       #2a2a2a;

  --glow-primary:   rgba(0, 0, 0, 0.08);
  --glow-link:      rgba(0, 85, 136, 0.2);
  --glow-hover:     rgba(204, 0, 0, 0.2);
}

/* Kill the scanlines and glow on paper — doesn't make sense on white */
html.theme-paper body::after          { display: none; }
html.theme-paper h1                   { animation: none !important; }
html.theme-paper h1, html.theme-paper h2, html.theme-paper h3,
html.theme-paper h4, html.theme-paper h5, html.theme-paper h6 {
  text-shadow: none !important;
}
html.theme-paper a, html.theme-paper a:visited { text-shadow: none !important; }
html.theme-paper strong, html.theme-paper b    { text-shadow: none !important; }
html.theme-paper div.sphinxsidebar a          { text-shadow: none !important; }
html.theme-paper div.related a                { text-shadow: none !important; }
html.theme-paper div.header-wrapper h1 a      { text-shadow: none !important; }
html.theme-paper #matrix-bg                   { display: none; }

/* === SYNTHWAVE — neon purple, ca. 1986 ==================== */
html.theme-synthwave {
  --bg-page:        #0a0010;
  --bg-body:        rgba(12, 0, 18, 0.97);
  --bg-sidebar:     rgba(8, 0, 14, 0.98);
  --bg-header:      #0a0010;
  --bg-code:        #0a0010;

  --c-text:         #cc88ff;
  --c-h1:           #e040fb;
  --c-h2:           #00e5ff;
  --c-h3:           #aa00ff;
  --c-link:         #00e5ff;
  --c-link-hover:   #ff4081;
  --c-strong:       #e040fb;
  --c-em:           #ffff00;
  --c-sidebar-text: #9955bb;
  --c-border:       #e040fb;
  --c-code:         #e040fb;
  --c-cursor:       #e040fb;
  --c-scrollbar:    #e040fb;
  --c-footer:       #550077;
  --c-matrix:       #e040fb;

  --glow-primary:   rgba(224, 64, 251, 0.5);
  --glow-link:      rgba(0, 229, 255, 0.5);
  --glow-hover:     rgba(255, 64, 129, 0.5);
}
