/* css/rs-themes.css */
:root {
    --bg: #0b1220; --fg: #e5e7eb; --link:#7dd3fc; --card:#0f172a; --border:#1f2937;
  }
  :root[data-theme="light"] {
    --bg:#ffffff; --fg:#0f172a; --link:#0ea5e9; --card:#f8fafc; --border:#e5e7eb;
  }
  :root[data-theme="dark"] {
    --bg:#0b1220; --fg:#e5e7eb; --link:#7dd3fc; --card:#0f172a; --border:#1f2937;
  }
  body { background: var(--bg); color: var(--fg); }
  
  /* 90s arcade (neon & scanlines, reversible) */
  .theme-arcade90s {
    --bg: #0a0a12; --fg: #e6f3ff; --link: #00f0ff; --card: rgba(10,10,18,0.6); --border: #7d00ff;
    background-image:
      radial-gradient(ellipse at top, rgba(125,0,255,0.15), transparent 60%),
      radial-gradient(ellipse at bottom, rgba(0,240,255,0.10), transparent 60%),
      repeating-linear-gradient(to bottom, rgba(255,255,255,0.025) 0px, rgba(255,255,255,0.025) 1px, transparent 2px, transparent 4px);
    background-attachment: fixed;
  }
  .theme-arcade90s a { color: var(--link); text-shadow: 0 0 6px rgba(0,240,255,0.6); }
  .theme-arcade90s .card, .theme-arcade90s section, .theme-arcade90s article, .theme-arcade90s .panelled {
    background: var(--card);
    border: 2px solid var(--border);
    box-shadow: 0 0 0 2px rgba(125,0,255,0.25) inset, 0 10px 30px rgba(125,0,255,0.25), 0 0 24px rgba(0,240,255,0.35);
    backdrop-filter: blur(4px);
  }
  .theme-arcade90s * {
    font-family: "Trebuchet MS", "Verdana", system-ui, sans-serif;
    letter-spacing: .2px;
  }