/* ============================================================
   普宁本地宝 · 设计令牌（Design Tokens）
   来源：豆包原型（普宁本地宝-首页原型.html）
   注意：本文件必须最先被 base.html 加载，供全站 CSS 引用。
   ============================================================ */
:root {
    /* 主色（豆包红） */
    --brand: #C0392B;
    --brand-dark: #A93226;
    --brand-soft: #FBEAE9;

    /* 辅助色 */
    --accent: #D97706;
    --accent-soft: #FDF3E3;

    /* 状态语义色（批次4 新增：草稿审核状态徽章 / 批量操作反馈）
       纯新增，未修改任何既有令牌值，对现有样式无影响 */
    --success: #15803D;
    --success-soft: #E8F5EC;
    --danger: #DC2626;
    --danger-soft: #FEE2E2;

    /* 中性色 */
    --ink: #1F2937;
    --ink-2: #6B7280;
    --ink-3: #9CA3AF;
    --line: #E5E7EB;
    --bg: #F6F7F9;
    --white: #fff;

    /* 阴影与圆角 */
    --shadow: 0 1px 3px rgba(0,0,0,.06), 0 4px 14px rgba(0,0,0,.05);
    --radius: 10px;

    /* 容器最大宽度与间距基准（与原型保持一致） */
    --container: 1200px;
    --gap: 16px;

    /* ---- 移动端适配 · 批次1 新增令牌 ----
       桌面取值与既有硬编码完全一致（container padding 20px / 区块间距 18px / 卡片内边距 20px），
       因此 PC 端视觉零变化；仅在下方小屏断点覆盖。 */
    --container-pad: 20px;   /* 容器左右安全边距 */
    --gap-block: 18px;       /* 模块之间区块间距 */
    --pad-card: 20px;        /* 卡片内边距 */
    --tap: 44px;             /* 触摸最小命中区（iOS HIG） */
}

/* ============================================================
   响应式令牌覆盖（移动端适配 · 批次1）
   断点口径：≥1024 桌面 / 768–1023 平板 / 640–767 大屏手机 / ≤639 小屏手机
   ============================================================ */

/* 平板 */
@media (max-width:1023px){
    :root{
        --container: 960px;
        /* Q4（用户确认）：平板 pad 与 PC 一致 = 20px（原 24px） */
        --container-pad: 20px;
    }
}

/* 大屏手机 */
@media (max-width:767px){
    :root{
        --container: 100%;
        --container-pad: 14px;
        --gap-block: 14px;
        --pad-card: 16px;
    }
}

/* 小屏手机 */
@media (max-width:639px){
    :root{
        --container-pad: 12px;
    }
}