/* ============================================
   CSS 自定义属性 - 色彩、字体、间距变量
   "现代学术笔记本"设计风格
   ============================================ */

:root {
  /* === 浅色模式（默认） === */
  --bg-primary: #FAF8F5;
  --bg-secondary: #F2EDE5;
  --bg-tertiary: #E8E0D3;
  --bg-hover: #EDE7DC;
  --bg-active: #E2D9C8;

  --text-primary: #2C2825;
  --text-secondary: #6B5D52;
  --text-tertiary: #968A7E;
  --text-inverse: #FAF8F5;

  --accent-primary: #8B4513;
  --accent-primary-light: #A0522D;
  --accent-primary-bg: rgba(139, 69, 19, 0.08);
  --accent-secondary: #2D6A4F;
  --accent-secondary-light: #40916C;
  --accent-secondary-bg: rgba(45, 106, 79, 0.08);
  --accent-danger: #9D2929;
  --accent-danger-bg: rgba(157, 41, 41, 0.08);
  --accent-gold: #B8860B;
  --accent-gold-bg: rgba(184, 134, 11, 0.1);
  --accent-info: #3B5998;
  --accent-info-bg: rgba(59, 89, 152, 0.08);

  --border: #D4C9B8;
  --border-light: #E5DDD0;
  --border-strong: #B8A88E;

  /* === 字体 === */
  --font-body: 'Noto Sans CJK SC', 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-heading: 'Noto Serif CJK SC', 'Noto Serif SC', Georgia, 'Times New Roman', serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', 'Consolas', 'Courier New', monospace;

  /* === 字号 === */
  --fs-xs: 11px;
  --fs-sm: 12px;
  --fs-base: 13px;
  --fs-md: 14px;
  --fs-lg: 15px;
  --fs-xl: 17px;
  --fs-2xl: 22px;
  --fs-3xl: 28px;

  /* === 间距 === */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-2xl: 32px;
  --space-3xl: 48px;

  /* === 圆角 === */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-full: 9999px;

  /* === 阴影 === */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.12);

  /* === 过渡 === */
  --transition-fast: 150ms ease;
  --transition-base: 200ms ease;
  --transition-slow: 350ms ease;

  /* === 布局 === */
  --sidebar-width: 240px;
  --navbar-height: 52px;
  --max-width: 1400px;
  --content-max-width: 820px;
}

/* === 深色模式 === */
[data-theme="dark"] {
  --bg-primary: #1A1714;
  --bg-secondary: #242019;
  --bg-tertiary: #2E2820;
  --bg-hover: #2C2620;
  --bg-active: #352E25;

  --text-primary: #E8E0D3;
  --text-secondary: #A89B8C;
  --text-tertiary: #7A6F63;
  --text-inverse: #1A1714;

  --accent-primary: #C4956C;
  --accent-primary-light: #D4A77E;
  --accent-primary-bg: rgba(196, 149, 108, 0.12);
  --accent-secondary: #74C69D;
  --accent-secondary-light: #8DD9AE;
  --accent-secondary-bg: rgba(116, 198, 157, 0.12);
  --accent-danger: #E63946;
  --accent-danger-bg: rgba(230, 57, 70, 0.12);
  --accent-gold: #D4A017;
  --accent-gold-bg: rgba(212, 160, 23, 0.12);
  --accent-info: #7B9AE3;
  --accent-info-bg: rgba(123, 154, 227, 0.12);

  --border: #3D3528;
  --border-light: #332D24;
  --border-strong: #524738;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.2);
  --shadow-md: 0 1px 3px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.4);
  --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.5);
}