/* ========================================
   我的学习笔记 - CSS变量定义
   设计风格：温暖书房风格，书卷气息
   ======================================== */

:root {
  /* 主色调 - 温暖的书房色系 */
  --color-primary: #8B4513;          /* 深棕色 - 主色 */
  --color-primary-light: #A0522D;    /* 浅棕色 */
  --color-primary-dark: #654321;     /* 深咖啡色 */
  
  /* 背景色 */
  --color-bg-main: #FDF5E6;          /* 老纸色/米色 */
  --color-bg-secondary: #FAF0E6;     /* 亚麻色 */
  --color-bg-card: #FFFAF0;          /* 花白色 */
  --color-bg-dark: #2C1810;          /* 深色背景 */
  
  /* 文字颜色 */
  --color-text-primary: #2C1810;     /* 主要文字 - 深棕黑 */
  --color-text-secondary: #5D4037;   /* 次要文字 */
  --color-text-muted: #8D6E63;       /* 淡化文字 */
  --color-text-light: #FDF5E6;       /* 浅色文字 */
  
  /* 强调色 */
  --color-accent-gold: #DAA520;      /* 金色 */
  --color-accent-green: #556B2F;     /* 橄榄绿 */
  --color-accent-red: #8B0000;       /* 深红色 */
  --color-accent-blue: #4682B4;      /* 钢蓝色 */
  
  /* 分类颜色 */
  --color-cat-programming: #4A90A4;  /* 编程技术 - 青蓝 */
  --color-cat-learning: #7B68EE;     /* 学习方法 - 紫罗兰 */
  --color-cat-math: #CD853F;         /* 数学物理 - 秘鲁色 */
  --color-cat-humanities: #BC8F8F;   /* 人文历史 - 玫瑰棕 */
  --color-cat-lifestyle: #6B8E23;    /* 生活技能 - 橄榄褐 */
  
  /* 边框和阴影 */
  --color-border: #D2B48C;           /* 棕褐色边框 */
  --color-border-light: #DEB887;     /* 浅边框 */
  --shadow-soft: 0 2px 15px rgba(44, 24, 16, 0.1);
  --shadow-medium: 0 4px 20px rgba(44, 24, 16, 0.15);
  --shadow-strong: 0 8px 30px rgba(44, 24, 16, 0.2);
  --shadow-card-hover: 0 12px 40px rgba(44, 24, 16, 0.25);
  
  /* 字体 */
  --font-heading: 'Noto Serif SC', 'Source Han Serif SC', 'SimSun', serif;
  --font-body: 'Noto Sans SC', 'Source Han Sans SC', 'Microsoft YaHei', sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace;
  
  /* 字号 */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --text-5xl: 3rem;
  
  /* 间距 */
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;
  --spacing-3xl: 4rem;
  
  /* 圆角 */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;
  
  /* 过渡 */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.5s ease;
  
  /* 容器宽度 */
  --container-sm: 640px;
  --container-md: 768px;
  --container-lg: 1024px;
  --container-xl: 1200px;
  --container-2xl: 1400px;
  
  /* 导航栏高度 */
  --nav-height: 70px;
}

/* 深色模式变量（可选） */
@media (prefers-color-scheme: dark) {
  :root.auto-dark {
    --color-bg-main: #1a1410;
    --color-bg-secondary: #2C1810;
    --color-bg-card: #3d2a20;
    --color-text-primary: #FDF5E6;
    --color-text-secondary: #D2B48C;
    --color-text-muted: #A0522D;
    --color-border: #5D4037;
  }
}