/* ═══════════════════════════════════════════════════════════════
 *  THEME.CSS — Site color palette (rongbingxu.com)
 *  Palette: Academic Navy
 *
 *  This is the ONLY stylesheet that differs between the sister
 *  sites (rongbingxu.com / yedongchen.com). All layout and
 *  component styles live in style.css, which must stay identical
 *  across both repositories.
 * ═══════════════════════════════════════════════════════════════ */

/* ── Light Theme ────────────────────────────────────────────── */
[data-theme="light"] {
  --bg-primary: #FAFBFD;
  --bg-secondary: #F0F2F7;
  --bg-card: #FFFFFF;
  --bg-card-hover: #F8FAFC;
  --bg-nav: rgba(250, 251, 253, 0.88);

  --text-primary: #1A1D24;
  --text-secondary: #454B58;
  --text-tertiary: #717889;
  --text-inverse: #FAFBFD;

  --accent: #2B5EA7;
  --accent-hover: #1E4A8A;
  --accent-light: #E8F0FA;
  --accent-subtle: rgba(43, 94, 167, 0.08);

  --border: #DCE1EA;
  --border-light: #E8ECF3;
  --border-accent: rgba(43, 94, 167, 0.25);

  --status-published: #1A7A4C;
  --status-accepted: #2563AA;
  --status-review: #B8860B;
  --status-other: #6B6B75;

  --tag-bg: #ECF0F7;
  --tag-text: #4A5268;

  --scrollbar-track: #ECF0F7;
  --scrollbar-thumb: #C4CADA;
}

/* ── Dark Theme ─────────────────────────────────────────────── */
[data-theme="dark"] {
  --bg-primary: #0F1318;
  --bg-secondary: #161C26;
  --bg-card: #181D26;
  --bg-card-hover: #1E2530;
  --bg-nav: rgba(15, 19, 24, 0.92);

  --text-primary: #E2E6ED;
  --text-secondary: #9AA3B4;
  --text-tertiary: #6A7385;
  --text-inverse: #0F1318;

  --accent: #5B9CF5;
  --accent-hover: #7BB3FF;
  --accent-light: #1A2540;
  --accent-subtle: rgba(91, 156, 245, 0.1);

  --border: #242C3B;
  --border-light: #1D2433;
  --border-accent: rgba(91, 156, 245, 0.3);

  --status-published: #34D399;
  --status-accepted: #60A5FA;
  --status-review: #FBBF24;
  --status-other: #9CA3AF;

  --tag-bg: #1E2636;
  --tag-text: #9CA3AF;

  --scrollbar-track: #151B27;
  --scrollbar-thumb: #2A3448;

  --shadow-sm: 0 1px 2px rgba(0,0,0,0.2);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.25);
  --shadow-lg: 0 8px 30px rgba(0,0,0,0.35);
  --shadow-xl: 0 16px 48px rgba(0,0,0,0.4);
}