/*
 * 设计令牌镜像 —— 与产品端 anime_ui/lib/pub/theme/colors.dart 一一对应。
 * 官网与产品同一套颜色，用户从首页进入 /anime/ 时视觉不跳。
 * 改令牌：先改 colors.dart，再同步这里；全站只从这里取色，不在别处写色值。
 */
:root {
  /* 底色：最深 → 主 → 卡片 */
  --c-bg-deepest: #08090f;
  --c-bg: #0d0e14;
  --c-surface: #151620;
  --c-surface-2: #1a1b28;
  --c-surface-3: #212232;

  /* 主色紫：只做微光、高亮词、主按钮，全页不出现第二种强调色 */
  --c-primary: #8b7cf6;
  --c-primary-soft: #a99ef0;
  --c-primary-deep: #6d5dd3;
  --c-primary-subtle: rgba(139, 124, 246, 0.12);
  --c-primary-glow: rgba(139, 124, 246, 0.35);

  /* 文字 */
  --c-text: #e4e4ed;
  --c-text-strong: #f5f5fb;
  --c-text-2: #c9c9d6;
  --c-text-3: #9898ac;
  --c-text-4: #6b6b7e;

  /* 线 */
  --c-line: #222230;
  --c-line-2: #2a2b3c;
  --c-hairline: rgba(255, 255, 255, 0.08);

  --c-error: #ef4444;

  /* 字体：产品用 Montserrat + 阿里健康体；原型阶段先用系统字体，P2 子集化后接入 */
  --f-sans: "Montserrat", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
    "Noto Sans SC", system-ui, sans-serif;
  --f-poster: "STKaiti", "KaiTi", "Kaiti SC", "楷体", serif;

  /* 字号：首屏主标 → 屏标题 → 正文 */
  --fs-hero: clamp(44px, 7.2vw, 104px);
  --fs-h2: clamp(32px, 4vw, 52px);
  --fs-h3: clamp(22px, 2.2vw, 28px);
  --fs-lead: clamp(17px, 1.5vw, 20px);
  --fs-body: 17px;
  --fs-small: 14px;
  --fs-tiny: 12px;

  /* 间距：屏与屏之间大留白，是「呼吸感」的主要来源 */
  --sp-section: clamp(96px, 14vw, 180px);
  --sp-xl: 64px;
  --sp-lg: 40px;
  --sp-md: 24px;
  --sp-sm: 14px;
  --sp-xs: 8px;
  --w-content: 1240px;
  --w-text: 640px;

  /* 圆角 */
  --r-card: 20px;
  --r-md: 14px;
  --r-sm: 10px;
  --r-pill: 999px;

  /* 动效：慢而少 */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --t-fast: 240ms;
  --t-slow: 800ms;
  --t-fade: 1400ms;

  --header-h: 72px;
}