/* ==========================================================================
 * 基础色板 (Base Color Tokens)
 * 仅定义原始色阶值，不做语义绑定。
 * 本文件为基础色阶层 —— 仅 semantic.css 直接引用。
 * 组件和页面禁止引用本文件中的变量。
 * 所有色值精确取自 UI-SPEC.md Color 节 Supporting Palette 表。
 * ========================================================================== */

:root {
  /* 蓝色阶 —— 品牌主色系 */
  --blue-500: #2E6BE6;   /* 主色基准 */
  --blue-600: #2555B8;   /* 深色变体：按钮按下态、链接已访问 */
  --blue-400: #5B83D6;   /* 渐变终点 */
  --blue-100: #EBF1FC;   /* 浅色变体：选中/标签背景、hover 态 */

  /* 辅助/主题色阶 */
  --amber-500: #F59E0B;  /* Pro 尊享金 */
  --amber-100: #FEF3C7;
  --purple-500: #8B5CF6; /* 科技极客紫 */
  --purple-100: #F3E8FF;
  --teal-500: #0D7377;   /* 莫兰迪青 */
  --teal-100: #E6F4F4;

  /* 灰色阶 —— 文字与背景 */
  --gray-50:  #F5F7FA;   /* 页面背景 */
  --gray-100: #F0F2F5;   /* 次要控件背景 */
  --gray-200: #E8E8E8;   /* 边框 */
  --gray-300: #D9D9D9;   /* 深边框 */
  --gray-400: #BFBFBF;   /* 占位文字 */
  --gray-500: #8C8C8C;   /* 次要文字 */
  --gray-700: #434343;   /* 深灰标题 */
  --gray-800: #262626;   /* 暗灰 */
  --gray-900: #1A1A1A;   /* 主要文字 */

  /* 红色阶 —— 危险/错误色 */
  --red-500: #E8553D;    /* 危险色 */
  --red-100: #FDEDEB;    /* 危险浅色背景 */

  /* 绿色阶 —— 成功色 */
  --green-500: #10B981;
  --green-100: #D1FAE5;

  /* 中性与玻璃遮罩 */
  --white: #FFFFFF;
  --white-glass: rgba(255, 255, 255, 0.75);
  --dark-glass: rgba(26, 26, 26, 0.85);
  --black-overlay: rgba(0, 0, 0, 0.4);
}