@charset "utf-8";

/*
 * 全站颜色入口。
 * 修改这里的变量即可统一调整品牌色、文字、背景、边框与遮罩颜色。
 */
:root {
  /* 品牌与强调色 */
  --color-primary: #ae1414;
  --color-primary-alt: #a84524;
  --color-primary-strong: #d33904;
  --color-primary-overlay: rgba(174, 20, 20, 0.97);
  --color-link-hover: #2966ca;
  --color-accent-brown: #8b4513;
  --color-accent-cyan: #64cfe8;
  --color-accent-blue: #3366cc;
  --color-accent-blue-bright: #09f;
  --color-accent-blue-deep: #21549b;
  --color-accent-green: #6c6;
  --color-accent-pink: #ff246c;
  --color-accent-orange: #ff921e;

  /* 基础色与文字色 */
  --color-white: #fff;
  --color-black: #000;
  --color-text-strong: #333;
  --color-text-default: #444;
  --color-text-body: #555;
  --color-text-secondary: #666;
  --color-text-subtle: #757575;
  --color-text-muted: #8a8a8a;
  --color-text-placeholder: #999;

  /* 背景、边框与禁用态 */
  --color-gray-250: #a8a8a8;
  --color-gray-300: #c1c1c1;
  --color-gray-400: #ccc;
  --color-gray-500: #e0e0e0;
  --color-gray-550: #e2e2e2;
  --color-gray-600: #e5e5e5;
  --color-gray-650: #e9e9e9;
  --color-gray-675: #e9ecef;
  --color-gray-700: #ebebeb;
  --color-gray-725: #eee;
  --color-gray-750: #f0f0f0;
  --color-gray-800: #f1f1f1;
  --color-gray-850: #f5f5f5;
  --color-gray-875: #f6f6f6;
  --color-gray-900: #f7f7f7;
  --color-gray-950: #fafafa;

  /* 遮罩与阴影 */
  --color-overlay-clear: rgba(0, 0, 0, 0);
  --color-overlay-black-12: rgba(0, 0, 0, 0.12);
  --color-overlay-black-20: rgba(0, 0, 0, 0.2);
  --color-overlay-black-25: rgba(0, 0, 0, 0.25);
  --color-overlay-black-30: rgba(0, 0, 0, 0.3);
  --color-overlay-black-35: rgba(0, 0, 0, 0.35);
  --color-overlay-black-50: rgba(0, 0, 0, 0.5);
  --color-overlay-black-80: rgba(0, 0, 0, 0.8);
  --color-overlay-white-20: rgba(255, 255, 255, 0.2);

  /* 组件别名 */
  --ai-primary-color: var(--color-primary);
}