/* ==========================================================================
   Theme Variables (Dark/Light Mode)
   ========================================================================== */
:root {
  --bg-base: #0a0a0c;
  --bg-light-base: #ffffff;

  /* 白昼背景纹理 (已移除 noise.svg) */
  --bg-light-texture: linear-gradient(180deg, #fffefc 0%, #f2f0eb 100%);
  --text-main: #f0f0f2;
  --text-sub: #a0a0a5;
  --text-shadow: 0 4px 15px rgba(0, 0, 0, 0.8), 0 0 30px rgba(0, 0, 0, 0.5);

  /* Dark Mode Transparent Settings (No Blur) */
  --card-bg: rgba(20, 20, 22, 0.95);
  --card-border: rgba(255, 255, 255, 0.1);
  --card-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
  --card-backdrop: none;
  /* Removed blur to show stars */

  /* Internal Elements: Opaque */
  --pill-bg: #1a1a1a;
  --pill-border: rgba(255, 255, 255, 0.1);
  --pill-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
  --pill-hover-bg: #222222;

  --toggle-bg: #1a1a1a;
  --toggle-circle: #000000;
  --font-main: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --scrollbar-thumb: rgba(255, 255, 255, 0.35);
  --scrollbar-thumb-hover: rgba(255, 255, 255, 0.6);

  /* 分类渐变色 */
  --accent-nature: linear-gradient(135deg, #a8ff78 0%, #78ffd6 100%);
  --accent-arch: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
  --accent-avatar: linear-gradient(135deg, #fccb90 0%, #d57eeb 100%);
  --accent-life: linear-gradient(135deg, #a1c4fd 0%, #c2e9fb 100%);
  --accent-bio: linear-gradient(135deg, #9fab95 0%, #cfd6cd 100%);
  --accent-exhibit: linear-gradient(135deg, #e57254 0%, #f0a68d 100%);
}

html.light-mode {
  --bg-base: var(--bg-light-base);
  --text-main: #333330;
  --text-sub: #8a8a85;
  --text-shadow: none;

  /* Light Mode Transparent Settings (No Blur) */
  --card-bg: rgba(255, 255, 255, 0.95);
  --card-border: rgba(255, 255, 255, 0.6);
  --card-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
  --card-backdrop: none;

  /* Internal Elements */
  --pill-bg: #ffffff;
  --pill-border: rgba(0, 0, 0, 0.1);
  --pill-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  --pill-hover-bg: #ffffff;

  --scrollbar-thumb: rgba(0, 0, 0, 0.35);
  --scrollbar-thumb-hover: rgba(0, 0, 0, 0.6);
  --toggle-bg: #e0e0e0;
  --toggle-circle: #ffffff;
}