/* ── Theme system: CSS custom properties ── */

:root,
[data-theme="dark"] {
  --theme-text-primary: #fff;
  --theme-text-secondary: #ccc;
  --theme-text-muted: #888;
  --theme-username-lightness: 65%;
  --theme-card-bg: rgba(0, 0, 0, 0.45);
  --theme-card-border: rgba(255, 255, 255, 0.08);
  --theme-card-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
  --theme-text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9), 0 0 6px rgba(0, 0, 0, 0.6);
  --theme-glow-opacity: 0.3;
  --theme-scrollbar: rgba(255, 255, 255, 0.2);
  --theme-status-bg: rgba(0, 0, 0, 0.7);
  --theme-status-border: rgba(255, 255, 255, 0.12);

  /* Event card backgrounds per type */
  --theme-event-follow-bg: rgba(255, 255, 255, 0.06);
  --theme-event-follow-border: rgba(255, 255, 255, 0.1);
  --theme-event-sub-bg: rgba(145, 70, 255, 0.12);
  --theme-event-sub-border: rgba(145, 70, 255, 0.3);
  --theme-event-gifted-bg: rgba(255, 152, 0, 0.12);
  --theme-event-gifted-border: rgba(255, 152, 0, 0.3);
  --theme-event-raid-bg: rgba(239, 68, 68, 0.12);
  --theme-event-raid-border: rgba(239, 68, 68, 0.3);
  --theme-event-donation-bg: rgba(34, 197, 94, 0.12);
  --theme-event-donation-border: rgba(34, 197, 94, 0.3);
  --theme-event-host-bg: rgba(255, 255, 255, 0.06);
  --theme-event-host-border: rgba(255, 255, 255, 0.1);
}

[data-theme="light"] {
  --theme-text-primary: #1a1a2e;
  --theme-text-secondary: #333;
  --theme-text-muted: #666;
  --theme-username-lightness: 35%;
  --theme-card-bg: rgba(255, 255, 255, 0.85);
  --theme-card-border: rgba(0, 0, 0, 0.1);
  --theme-card-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  --theme-text-shadow: none;
  --theme-glow-opacity: 0.15;
  --theme-scrollbar: rgba(0, 0, 0, 0.15);
  --theme-status-bg: rgba(255, 255, 255, 0.85);
  --theme-status-border: rgba(0, 0, 0, 0.1);

  /* Event card backgrounds per type — light */
  --theme-event-follow-bg: rgba(0, 0, 0, 0.04);
  --theme-event-follow-border: rgba(0, 0, 0, 0.1);
  --theme-event-sub-bg: rgba(145, 70, 255, 0.08);
  --theme-event-sub-border: rgba(145, 70, 255, 0.2);
  --theme-event-gifted-bg: rgba(255, 152, 0, 0.08);
  --theme-event-gifted-border: rgba(255, 152, 0, 0.2);
  --theme-event-raid-bg: rgba(239, 68, 68, 0.08);
  --theme-event-raid-border: rgba(239, 68, 68, 0.2);
  --theme-event-donation-bg: rgba(34, 197, 94, 0.08);
  --theme-event-donation-border: rgba(34, 197, 94, 0.2);
  --theme-event-host-bg: rgba(0, 0, 0, 0.04);
  --theme-event-host-border: rgba(0, 0, 0, 0.1);
}