/* ============================================================
   主题：standard.css — 科技浅色商务风（默认）
   白底 + 科技蓝主色 + 青色点缀；有科技 AI 产品感但不深色
   只定义色值，不定义布局
   ============================================================ */

:root {
  /* 背景层级 */
  --bg-base: #f4f7fb;          /* 页面底 · 浅蓝灰 */
  --bg-page: #ffffff;          /* 白 */
  --bg-card: #ffffff;          /* 卡片 */
  --bg-elevated: #eaf1fa;      /* 浅科技蓝悬浮 */
  --bg-overlay: #ffffff;       /* 导航底 */
  --bg-hover: #f6f9fd;         /* 表格行 hover */

  /* 文字 */
  --text-primary: #0f2a43;     /* 深蓝黑主文字 */
  --text-secondary: #425a75;   /* 次级 */
  --text-muted: #7d93ab;       /* 弱文字 */
  --text-inverse: #ffffff;

  /* 品牌色 */
  --brand: #1a6bff;            /* 科技蓝 · 主品牌 */
  --brand-hover: #0d55e0;
  --brand-glow: rgba(26, 107, 255, .18);
  --accent: #00b3a4;           /* 青绿 · 点缀（AI 活力） */
  --accent-soft: #7fd6cf;
  --accent-orange: #f97316;    /* 橙色 CTA 点缀（克制使用） */

  /* 边框 */
  --border: #dbe4f0;
  --border-hover: #9db9e8;
  --border-strong: #1a6bff;

  /* 按钮 */
  --btn-primary-bg: #1a6bff;
  --btn-primary-text: #ffffff;
  --btn-secondary-bg: #ffffff;
  --btn-secondary-text: #0f2a43;
  --btn-secondary-border: #9db9e8;

  /* Hero 与 CTA */
  --bg-hero: linear-gradient(180deg, #e8f1fd 0%, #f4f8fe 55%, #ffffff 100%);
  --cta-bg: #0d2b52;           /* 深蓝 CTA 带 */
  --cta-text: #ffffff;
  --cta-sub: #b8cdea;

  /* 页脚 */
  --footer-bg: #f0f5fb;
  --footer-text: #425a75;
  --footer-heading: #0f2a43;
  --footer-line: #d8e3f1;
  --footer-muted: #7d93ab;

  /* 阴影 */
  --shadow-sm: 0 1px 3px rgba(15, 42, 67, .06);
  --shadow: 0 4px 16px rgba(15, 42, 67, .08);
  --shadow-lg: 0 12px 32px rgba(15, 42, 67, .12);
  --shadow-glow: 0 4px 24px rgba(26, 107, 255, .16);
}