/* tokens.css — 33 产品介绍页设计 token（design-system 三层架构）。
   值逐字取自客户端 globals.css（线上唯一视觉源头），不自拟；页面全文件只允许 var() 引用。 */

:root {
    /* —— Primitive（原始值，globals.css 摘录）—— */
    --p-bg: #0f0f0f;
    --p-surface: #181818;
    --p-surface-strong: #2a2a2a;
    --p-border: #222222;
    --p-border-strong: #333333;
    --p-muted-fg: #a8a8a8;
    --p-accent: #f5f5f5;
    --p-white: #ffffff;

    --p-radius: 0.5rem;
    --p-radius-2xl: calc(var(--p-radius) * 1.8);
    --p-radius-3xl: calc(var(--p-radius) * 2.2);

    --p-dur-instant: 80ms;
    --p-dur-fast: 150ms;
    --p-dur-base: 250ms;
    --p-dur-slow: 400ms;
    --p-dur-emphasize: 600ms;
    --p-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --p-ease-overshoot: cubic-bezier(0.34, 1.56, 0.64, 1);

    /* —— Semantic（语义别名）—— */
    --bg: var(--p-bg);
    --surface: var(--p-surface);
    --surface-strong: var(--p-surface-strong);
    --border: var(--p-border);
    --border-strong: var(--p-border-strong);
    --fg: var(--p-white);
    --fg-muted: var(--p-muted-fg);
    --accent: var(--p-accent);
    --accent-soft: rgba(255, 255, 255, 0.09);
    --glass-border: rgba(255, 255, 255, 0.1);

    /* —— Component（组件级）—— */
    --btn-primary-bg: var(--accent);
    --btn-primary-fg: #171717;
    --btn-radius: var(--p-radius);
    --card-bg: var(--surface);
    --card-border: var(--border);
    --card-radius: var(--p-radius-3xl);
    --section-gap: clamp(96px, 12vh, 160px);
    --reveal-delay: 90ms;
    --shadow-diffusion: 0 20px 40px -15px rgba(0, 0, 0, 0.35);

    /* 品牌字体栈（globals.css --font-sans/--font-mono 原文；本地优先，零外部 CDN） */
    --font-sans: "Inter Variable", "Inter", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", ui-sans-serif, system-ui, sans-serif;
    --font-mono: "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

@media (prefers-reduced-motion: reduce) {
    :root { --motion-scale: 0.3; }
}
:root { --motion-scale: 1; }