/* =========================================================
   supOS-Free 设计 Token（需求文档第 5 章）
   ========================================================= */
:root {
  /* 页面宽度（5.1） */
  --page-max: 1280px;
  --content-max: 1120px;
  --text-max: 960px; /* v3-P2：居中型长标题容器 760px → 960px */

  /* 颜色（5.2） */
  --color-bg: #ffffff;
  --color-bg-soft: #f6f8fc;
  --color-bg-blue: #eef5ff;
  --color-bg-cyan: #f4f7fa;
  --color-bg-violet: #f4f6f9;

  --color-text: #1f2329;
  --color-text-secondary: #646a73;
  --color-text-tertiary: #8f959e;

  --color-line: #e5e8ed;
  --color-line-strong: #d7dce5;

  --color-primary: #1f5fe0;
  --color-primary-hover: #1a4fc4;
  --color-accent: #3d5a80;
  --color-cyan: #7a93b8;
  --color-success: #1f9d66;
  --color-warning: #d98719;
  --color-danger: #d94b4b;

  /* 圆角（5.4） */
  --radius-button: 6px;
  --radius-card: 12px;
  --radius-stage: 17px;
  --radius-hero: 22px;

  /* 阴影（5.5） */
  --shadow-card:
    0 2px 8px rgba(31, 35, 41, 0.04),
    0 18px 52px rgba(42, 55, 85, 0.10);
  --shadow-float:
    0 4px 14px rgba(31, 35, 41, 0.06),
    0 24px 64px rgba(42, 55, 85, 0.14);

  /* 字体（5.3） */
  --font-sans:
    Inter,
    "SF Pro Display",
    "PingFang SC",
    "Microsoft YaHei",
    "Noto Sans CJK SC",
    system-ui,
    sans-serif;

  /* 页头 */
  --header-h: 72px;
  /* 次级胶囊锚点条（v3-P1） */
  --subnav-h: 64px;

  /* 一屏预算（v5：1080p 可用一屏 944px，标题 + 核心视觉一屏入镜） */
  --section-pad-y: 96px;
  --stage-max-h: 640px;

  /* 动效（2026 motion design 时长分级 + Material Design 3 Motion）
     微反馈 100–200ms / 入场 300–400ms / 退场 200–300ms / 状态切换 250–350ms
     只动 transform / opacity（GPU 合成层） */
  --dur-press: 100ms;   /* 按下反馈 */
  --dur-micro: 200ms;   /* hover / 页头 / 微反馈 */
  --dur-enter: 350ms;   /* 元素入场 */
  --dur-exit: 240ms;    /* 元素退场 */
  --dur-state: 280ms;   /* 状态切换 / 面板切换 */

  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out-standard: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-spring: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in: cubic-bezier(0.55, 0.06, 0.68, 0.19);
}