/* ============================================================
   Divinecord 官网设计令牌（应用侧 src/styles/tokens.css 的同名同值副本）

   同步约定：官网是纯静态站（无构建步骤，Nginx 直出 ./website），
   无法 import 应用侧的 CSS，因此这里以「同名同值副本」的方式落地。
   凡在此新增 / 修改任何令牌，必须同步修改 src/styles/tokens.css，
   反之亦然；两处变量名与取值必须完全一致。

   官网特有的表面色（--bg / --bg-soft / --card / --border / --text /
   --nav-h / --maxw 等）不属于共享令牌，保留在 style.css 中。
   本文件只做一件事：在 :root 上定义品牌与设计系统的共享令牌。
   ============================================================ */

:root {
  /* ---------- 品牌 ---------- */
  --brand: #5865f2;
  --brand-2: #8b5cf6;
  --brand-3: #eb459e;
  /* 主品牌渐变：与官网 logo / 主按钮 / 应用 BrandMark 完全一致 */
  --brand-gradient: linear-gradient(135deg, #5865f2 0%, #8b5cf6 100%);
  /* 强调渐变：官网大区块 CTA 与应用 cta-banner 使用 */
  --brand-gradient-vivid: linear-gradient(135deg, #5865f2 0%, #8b5cf6 52%, #eb459e 100%);
  --brand-shadow: 0 12px 30px rgba(88, 101, 242, 0.28);

  /* ---------- 语义色 ---------- */
  --success: #23a55a;
  --danger: #ed4245;
  --warning: #f0b232;
  --info: #00a8fc;

  /* ---------- 圆角 ---------- */
  --radius-xs: 8px;
  --radius-sm: 10px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 22px;
  --radius-2xl: 28px;
  --radius-pill: 999px;

  /* ---------- 阴影 ---------- */
  --shadow-md: 0 14px 40px rgba(0, 0, 0, 0.24);

  /* ---------- 动效 ---------- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 0.16s;
  --duration: 0.22s;

  /* ---------- 字体 ---------- */
  --font-sans:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC',
    'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  --font-mono: ui-monospace, 'Cascadia Code', 'SFMono-Regular', Consolas, 'Courier New', monospace;
}