/* ═══════════════════════════════════════════════════════════════
 *  THEME.CSS — Site color palette (yedongchen.com)
 *  Palette: Forest Green
 *
 *  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: #FAFAF7;
  --bg-secondary: #F2F1EC;
  --bg-card: #FFFFFF;
  --bg-card-hover: #FDFCFA;
  --bg-nav: rgba(250, 250, 247, 0.88);

  --text-primary: #1B1B1F;
  --text-secondary: #494952;
  --text-tertiary: #76767F;
  --text-inverse: #FAFAF7;

  --accent: #2E7D5B;
  --accent-hover: #1D6045;
  --accent-light: #E0F0E8;
  --accent-subtle: rgba(46, 125, 91, 0.08);

  --border: #E2E1DC;
  --border-light: #ECEAE5;
  --border-accent: rgba(46, 125, 91, 0.25);

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

  --tag-bg: #F0EFE9;
  --tag-text: #5A5A64;

  --scrollbar-track: #F0EFE9;
  --scrollbar-thumb: #CCCBC5;
}

/* ── Dark Theme ─────────────────────────────────────────────── */
[data-theme="dark"] {
  --bg-primary: #0D1117;
  --bg-secondary: #151B27;
  --bg-card: #1A2233;
  --bg-card-hover: #1E2840;
  --bg-nav: rgba(13, 17, 23, 0.92);

  --text-primary: #E6E4DF;
  --text-secondary: #A0A0AA;
  --text-tertiary: #6B6B78;
  --text-inverse: #0D1117;

  --accent: #4CAF7A;
  --accent-hover: #5EC48D;
  --accent-light: #1A2E24;
  --accent-subtle: rgba(76, 175, 122, 0.1);

  --border: #252D3E;
  --border-light: #1E2636;
  --border-accent: rgba(76, 175, 122, 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);
}