/**

 * 全站设计令牌 — Apple 官网风白底极简

 * 系统字体、大留白、轻阴影卡片、圆角按钮

 */

:root {

    /* ── 背景 ── */

    --bg-main: #ffffff;

    --bg-card: #ffffff;

    --bg-card-solid: #ffffff;

    --bg-elevated: #f5f5f7;

    --bg-muted: #fbfbfd;

    --mix-base: #ffffff;



    /* ── 文字（Apple 灰阶） ── */

    --text-primary: #1d1d1f;

    --text-secondary: #6e6e73;

    --text-muted: #86868b;

    --text-assist: #aeaeb2;



    /* ── 图标 ── */

    --icon-default: #86868b;

    --icon-hover: #1d1d1f;

    --icon-active: #0071e3;



    /* ── 边框 ── */

    --border: rgba(0, 0, 0, 0.08);

    --border-strong: rgba(0, 0, 0, 0.12);

    --border-focus: #0071e3;



    /* ── 主色 / 按钮（Apple 蓝） ── */

    --primary: #0071e3;

    --primary-light: #0077ed;

    --secondary: #1d1d1f;

    --on-primary: #ffffff;

    --btn-workbench-bg: #0071e3;

    --btn-workbench-border: transparent;

    --btn-workbench-hover-bg: #0077ed;

    --btn-workbench-hover-border: transparent;

    --accent: #0071e3;

    --accent-hover: #0077ed;

    --accent-muted: rgba(0, 113, 227, 0.08);

    --gradient-primary: #0071e3;

    --gradient-fire: #0077ed;

    --gradient-warm: #2997ff;



    /* ── 交互表面 ── */

    --surface-hover: rgba(0, 0, 0, 0.04);

    --surface-active: rgba(0, 0, 0, 0.06);

    --surface-selected: rgba(0, 113, 227, 0.08);



    /* 旧页别名 */

    --bg: var(--bg-main);

    --card: var(--bg-card);

    --text: var(--text-primary);

    --text2: var(--text-secondary);

    --text3: var(--text-muted);

    --btn: var(--primary);

    --btn-hover: var(--primary-light);



    /* ── 间距（4px 基准，区块加大留白） ── */

    --space-1: 4px;

    --space-2: 8px;

    --space-3: 12px;

    --space-4: 16px;

    --space-5: 20px;

    --space-6: 24px;

    --space-8: 32px;

    --space-10: 40px;

    --space-12: 48px;

    --space-16: 64px;

    --space-20: 80px;



    /* ── 圆角（Apple 偏大圆角） ── */

    --radius-sm: 8px;

    --radius-md: 12px;

    --radius-card: 18px;

    --radius-lg: 20px;

    --radius-pill: 980px;



    /* ── 阴影（轻、柔和） ── */

    --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);

    --shadow-soft: 0 2px 8px rgba(0, 0, 0, 0.06);

    --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04);

    --shadow-lg: 0 8px 28px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);

    --shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.1);

    --shadow-focus: 0 0 0 4px rgba(0, 113, 227, 0.24);



    /* ── 动效 ── */

    --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);

    --duration-fast: 0.15s;

    --duration-base: 0.2s;

    --duration-slow: 0.28s;



    --safe-area-bottom: env(safe-area-inset-bottom, 0px);

    --site-topbar-height: 52px;

    --flat-assurance: var(--text-primary);

}