/* ============================================================
   theme.css — mini_v2.0 设计令牌（Design Tokens）
   蓝白医疗风格 · 所有视觉参数集中于此
   ------------------------------------------------------------
   说明：本令牌体系是"换肤能力"的架构基础——所有颜色、圆角、
   阴影、字号均抽成语义化变量。未来若需运行时多皮肤切换，
   只需新增 [data-theme="xxx"] 选择器覆盖变量，无需改动任何
   组件或页面代码。当前内置一套「默认·医疗蓝白」。
   ============================================================ */

:root {
    /* —— 品牌主色 —— */
    --c-primary: #2563eb;
    --c-primary-rgb: 37, 99, 235;
    --c-primary-dark: #1d4ed8;
    --c-primary-light: #dbeafe;

    /* —— 语义色 —— */
    --c-success: #10b981;  --c-success-bg: #d1fae5;
    --c-warning: #f59e0b;  --c-warning-bg: #fef3c7;
    --c-danger:  #ef4444;  --c-danger-bg:  #fee2e2;
    --c-info:    #0ea5e9;  --c-info-bg:    #e0f2fe;

    /* —— 表面 / 背景 —— */
    --c-bg: #f4f6fa;
    --c-card: #ffffff;
    --c-card-2: #f8fafc;

    /* —— 文字 —— */
    --c-text: #1e293b;
    --c-text-2: #64748b;
    --c-text-3: #94a3b8;
    --c-text-inverse: #ffffff;

    /* —— 边框 / 分割 —— */
    --c-border: #e8ecf2;
    --c-divider: #f1f5f9;

    /* —— 圆角 —— */
    --radius-xs: 6px;
    --radius-sm: 10px;
    --radius: 14px;
    --radius-lg: 20px;
    --radius-pill: 999px;

    /* —— 阴影 —— */
    --shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);
    --shadow: 0 6px 18px rgba(15, 23, 42, .07);
    --shadow-lg: 0 12px 32px rgba(15, 23, 42, .12);
    --shadow-primary: 0 8px 20px rgba(var(--c-primary-rgb), .32);

    /* —— 间距（4px 栅格） —— */
    --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px;
    --sp-5: 20px; --sp-6: 24px; --sp-8: 32px;

    /* —— 字号 —— */
    --fs-xs: 12px; --fs-sm: 13px; --fs-base: 15px;
    --fs-md: 16px; --fs-lg: 18px; --fs-xl: 22px; --fs-2xl: 28px;

    /* —— 字体 —— */
    --font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", "Microsoft YaHei", sans-serif;

    /* —— 渐变 —— */
    --grad-header: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    --grad-primary: linear-gradient(135deg, #2563eb, #3b82f6);
    --grad-success: linear-gradient(135deg, #10b981, #059669);

    /* —— 动效 —— */
    --ease: cubic-bezier(.4, 0, .2, 1);
    --dur: .25s;

    /* —— 布局 —— */
    --page-max: 480px;

    /* ============================================================
       覆盖 Vant 设计变量 —— 使 Toast / Field / Checkbox / List
       等保留组件的配色与新皮肤统一（不改变其行为）
       ============================================================ */
    --van-primary-color: var(--c-primary);
    --van-success-color: var(--c-success);
    --van-danger-color: var(--c-danger);
    --van-warning-color: var(--c-warning);
    --van-text-color: var(--c-text);
    --van-text-color-2: var(--c-text-2);
    --van-text-color-3: var(--c-text-3);
    --van-background: var(--c-bg);
    --van-background-2: var(--c-card);
    --van-border-color: var(--c-border);
    --van-cell-background: var(--c-card);
    --van-cell-text-color: var(--c-text);
    --van-toast-background: rgba(15, 23, 42, .88);
    --van-toast-text-color: #fff;
    --van-button-primary-background: var(--c-primary);
    --van-button-primary-border-color: var(--c-primary);
    --van-checkbox-checked-icon-color: var(--c-primary);
    --van-radio-checked-icon-color: var(--c-primary);
    --van-nav-bar-icon-color: var(--c-text-2);
    --van-nav-bar-title-text-color: var(--c-text);
    --van-list-text-color: var(--c-text-3);
    --van-list-loading-icon-color: var(--c-primary);
}