/**
 * 全站共用配色：商城、教程、公告、工具与账户页面都读取这里。
 * 风格：雾白底色 + 深海蓝文字 + 低饱和蓝色强调。
 * 新手修改时，优先调整 --color-primary（按钮）和 --color-canvas（背景）。
 * 建议同时检查文字对比度；不要把正文颜色改得过浅。
 */
:root {
  color-scheme: light;

  /* 品牌与重点操作。 */
  --color-primary: #365b82;
  --color-primary-hover: #294a6e;
  --color-on-primary: #ffffff;
  --color-accent: #526dab;
  --color-soft: #edf1f8;
  --color-soft-hover: #e3eaf5;
  --color-selected-border: #d0dced;

  /* 阅读层级：标题、正文、说明文字。 */
  --color-ink: #1d3049;
  --color-text: #3e5067;
  --color-muted: #5f6f85;
  --color-placeholder: #68788c;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;

  /* 页面与卡片层次。 */
  --color-canvas: #f3f5f9;
  --color-surface: #ffffff;
  --color-surface-alt: #f6f8fb;
  --color-line: #dfe5ee;
  --color-line-soft: #edf0f5;
  --color-glass: rgba(255, 255, 255, 0.96);
  --color-disabled-bg: #e7edf4;
  --color-gradient-start: #eaf0f9;
  --color-gradient-end: #f7f9fd;
  --color-media: #132238;
  --color-toast: #273f5d;
  --page-background: radial-gradient(ellipse 78rem 32rem at 50% -10rem, rgba(92, 121, 176, 0.10), transparent 75%), var(--color-canvas);

  /* 提示状态保持语义一致，不使用刺眼的荧光色。 */
  --color-info-bg: #f0f4fa;
  --color-info-border: #d7e1ef;
  --color-info-text: #415e88;
  --color-warning-bg: #faf6ed;
  --color-warning-border: #e9dcc3;
  --color-warning-text: #8a642a;
  --color-success-bg: #eef6f3;
  --color-success-text: #326e60;
  --color-error-bg: #fbf0f2;
  --color-error-border: #eacfd6;
  --color-error-text: #9c4057;

  /* 阴影与交互：强调结构，不做大面积发光。 */
  --shadow-card: 0 4px 8px rgba(24, 43, 70, 0.015), 0 12px 30px rgba(24, 43, 70, 0.035);
  --shadow-hover: 0 16px 36px rgba(24, 43, 70, 0.075);
  --shadow-floating: 0 10px 36px rgba(24, 43, 70, 0.12);
  --shadow-account: 0 8px 20px rgba(24, 43, 70, 0.025), 0 28px 70px rgba(24, 43, 70, 0.065);
  --focus-ring: 0 0 0 3px rgba(70, 103, 158, 0.12);
  --brand-name-max-width: 230px;
}