/*
 * 文件：public/static/front/css/tokens.css
 * 作用：前台设计令牌：冷瓷白、深海墨、钴蓝与出版级字体、间距和动效（Atelier Digital 主题）。
 * 技术：CSS 自定义属性
 *
 * 威海颜翊网络科技有限公司
 * 项目：颜翊科技官网与全国城市站群
 * 开发负责人：@Renvir
 * 联系邮箱：pinenetcn@gmail.com
 * 版权：Copyright (c) 2026 威海颜翊网络科技有限公司
 * 说明：本项目代码为威海颜翊网络科技有限公司定制开发成果，未经书面许可不得复制、转售或用于未授权项目。
 */
:root {
    /* 色彩：冷瓷白、深海墨、钴蓝信息色；从暖米色切换到更冷静的国际企业气质。 */
    --color-paper: #F2F4F2;
    --color-paper-2: #E7ECEA;
    --color-paper-3: #DCE4E1;
    --color-surface: #FAFBF9;
    --color-surface-2: #EFF3F1;
    --color-ink: #0A0F12;
    --color-ink-2: #1C272C;
    --color-muted: #56646A;
    --color-muted-2: #7A878B;
    --color-line: #D1D9D6;
    --color-line-strong: #AAB7B3;
    --color-accent: #1F5AE0;
    --color-accent-deep: #123FA8;
    --color-accent-soft: #DCE6FF;
    --color-blue: #1F5AE0;
    --color-blue-soft: #AFC6FF;
    --color-cyan: #79B7C9;
    --color-sea: #3A6B73;
    --color-night: #081826;
    --color-night-2: #0F2636;
    --color-paper-on-dark: #EDF2F0;
    --color-muted-on-dark: #8FA5B0;
    --color-line-on-dark: #24404E;
    --color-danger: #B42318;
    --color-success: #1E7A55;
    --color-warning: #A86B12;
    --color-focus: #1F5AE0;

    /* 字体：英文展示用 Cormorant Garamond，中文展示用思源宋体，正文用现代黑体。 */
    --font-display: "Cormorant Garamond", "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
    --font-serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", serif;
    --font-sans: "Noto Sans SC", "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;
    --font-mono: "IBM Plex Mono", "SFMono-Regular", ui-monospace, Consolas, "Liberation Mono", monospace;

    --text-xs: 0.75rem;
    --text-sm: 0.8125rem;
    --text-base: 1.0625rem;
    --text-md: 1.1875rem;
    --text-lg: clamp(1.35rem, 2vw, 1.75rem);
    --text-xl: clamp(1.75rem, 2.7vw, 2.4rem);
    --text-2xl: clamp(2.2rem, 3.8vw, 3.5rem);
    --text-3xl: clamp(2.8rem, 5vw, 5rem);
    --text-display: clamp(3.3rem, 5.6vw, 6rem);
    --text-display-s: clamp(2.6rem, 4.6vw, 4.6rem);

    /* 4pt 间距体系。 */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-20: 5rem;
    --space-24: 6rem;
    --space-28: 7rem;
    --space-32: 8rem;
    --space-40: 10rem;

    /* 形状：出版物式的锐角，避免通用圆角卡片。 */
    --radius-xs: 0;
    --radius-sm: 0;
    --radius-md: 0;
    --radius-lg: 0;
    --radius-pill: 0;
    --rule: 1px;
    --shadow-float: 0 24px 80px rgba(4, 12, 16, 0.3);
    --shadow-soft: 0 10px 40px rgba(4, 12, 16, 0.08);

    /* 动效令牌。 */
    --dur-fast: 180ms;
    --dur-base: 320ms;
    --dur-slow: 800ms;
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
    --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

    /* 布局。 */
    --container: 1440px;
    --header-h: 82px;
}