/* 
 * ReadSix 官网商业版设计系统变量定义 (Dark Mode + Pro Gold)
 */

:root {
  /* 基础品牌配色 (Dark Mode 重塑) */
  --color-primary: #FFFFFF;          /* 深色模式下的实心线、文字多为白色 */
  --color-on-primary: #121212;       /* 白色背景上的反色字 */
  
  --color-primary-container: #FFCC00; /* 原版高光黄，用于基础版 CTA 和高亮 */
  --color-on-primary-container: #121212;
  
  --color-primary-fixed: #FFCC00;     
  --color-primary-fixed-dim: #E6B800;
  
  --color-secondary: #E63B2E;         /* Secondary: 红色保留 */
  
  /* 全新引入的暗黑背景与毛玻璃 */
  --color-background: #09090B;        /* 极致纯黑偏灰的极客背景 */
  --color-surface: #18181B;           /* 卡片底色 */
  --color-surface-bright: #27272A;
  --color-surface-dim: #09090B;
  
  --color-surface-container-lowest: #000000;
  --color-surface-container-low: #18181B; /* 之前是米色，现在是深灰 */
  
  --color-on-surface: #F4F4F5;        /* 主要阅读文字 */
  --color-on-surface-variant: #A1A1AA; /* 次要副标题文字 */
  
  --color-outline: rgba(255, 255, 255, 0.15); /* 毛玻璃环境下的微光边框 */
  
  /* 专属 Pro 会员配色：暗金色与流光 */
  --color-pro-gold: #F5D061;          /* 沉稳奢华的暗金 */
  --color-pro-gold-dim: #C79A22;
  --color-pro-gold-bg: rgba(199, 154, 34, 0.1);
  --gradient-pro-gold: linear-gradient(135deg, #F5D061 0%, #C79A22 100%);
  --gradient-pro-border: linear-gradient(90deg, #C79A22, #F5D061, #FFF, #F5D061, #C79A22);

  /* Neo-Brutalism + Glassmorphism 边框与阴影 */
  --neo-border-width: 1px;
  --neo-border: 1px solid rgba(255,255,255,0.15); /* 不再是纯黑，而是白色半透明微光线 */
  --neo-border-pro: 1px solid var(--color-pro-gold-dim);
  
  /* 阴影调整：由于背景是黑的，传统的纯黑 4px 阴影看不见，改为微亮的下沉背景或发光投影 */
  --neo-shadow: 4px 4px 0px rgba(0,0,0,0.8); /* 极致黑的下沉感 */
  --neo-shadow-glow: 0 0 24px rgba(255, 255, 255, 0.05); /* 发光感 */
  --pro-shadow-glow: 0 0 32px rgba(245, 208, 97, 0.15); /* Pro 卡片的暗金光晕 */

  /* 字体族定义 */
  --font-family-sans: 'Space Grotesk', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-family-serif: 'Georgia', 'Noto Serif SC', "Times New Roman", serif;
  --font-family-mono: 'JetBrains Mono', Consolas, monospace;

  /* 布局尺寸限制 */
  --container-max-width: 1200px;
  --header-height: 72px;
}