/**
 * 测评AI 设计令牌 — 稳妥专业配色
 * 主色蓝 #284E9D · 辅助绿 #46C37B · 背景 #F5F7FA
 */
:root {
  /* 品牌色 */
  --color-primary: #284e9d;
  --color-primary-hover: #1e3d7a;
  --color-primary-deep: #1a3568;
  --color-primary-light: #e8eef8;
  --color-primary-muted: #6f97ec;

  --color-secondary: #46c37b;
  --color-secondary-hover: #3aab69;
  --color-secondary-light: #ebf7f0;

  /* 中性色 */
  --color-bg: #ffffff;
  --color-bg-subtle: #f5f7fa;
  --color-bg-muted: #f0f2f5;
  --color-border: #e0e3e8;
  --color-border-light: #ebebeb;

  /* 文字 */
  --color-text: #37393d;
  --color-text-secondary: #666666;
  --color-text-muted: #919399;
  --color-text-inverse: #ffffff;

  /* 功能色 */
  --color-success: #52a86b;
  --color-warning: #e6a23c;
  --color-danger: #d64545;

  /* 价格档位（同色系深浅，避免紫/金教培风） */
  --color-tier-premium: #1e4a8c;
  --color-tier-enterprise: #3d5a80;

  /* 页脚深色区 */
  --color-footer-bg: #171848;
  --color-footer-link-hover: #6f97ec;

  /* 阴影与圆角 */
  --shadow-sm: 0 2px 12px rgba(40, 78, 157, 0.06);
  --shadow-md: 0 4px 20px rgba(40, 78, 157, 0.1);
  --shadow-lg: 0 8px 28px rgba(40, 78, 157, 0.12);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-pill: 28px;

  /* 布局 */
  --container-max: 1200px;
  --container-wide: 1440px;

  /* Hero 渐变 */
  --gradient-hero: linear-gradient(
    135deg,
    var(--color-primary-deep) 0%,
    var(--color-primary) 55%,
    #2a7a62 100%
  );
}