/* ============================================================================
   HWS 统一皮肤 · paper 纸感
   性格：米白纸面 + 墨绿强调 + 石墨墨水，扁平无阴影，字号/字重/留白承担层级——最克制，适合长阅读。
   用法：surface 与文字色是独立的纸感色板；层级靠 1px 纸线、字阶与留白，不靠投影和彩块。
   规则：本文件只写皮肤选择器与变量值，不写组件样式；所有颜色为不透明 sRGB hex，
        阴影是唯一允许半透明的地方。真源：design/hws-assets/tokens.json（v4）。
   深色：P2（尽力而为，尚未进本轮视觉验收闸门）。
   注意：--hws-color-scrim 是不透明底色，遮罩层请用
        background: color-mix(in srgb, var(--hws-color-scrim) 42%, transparent)
        不要直接当纯色铺满。
   ========================================================================== */

/* ---------- 浅色 ---------- */
html[data-skin="paper"] {
    /* 1. 语义颜色（21 键必须给全） */
    --hws-color-canvas: #F1EDE3;      /* 米白纸面页面底（比 warm 更灰、更沉） */
    --hws-color-surface: #FBF9F3;     /* 纸白工作面 */
    --hws-color-surface-soft: #E7E2D5;/* 次级填充：输入底/次按钮/页脚 */
    --hws-color-surface-sunk: #DDD7C8;/* 更沉的面：列表 hover/内嵌块 */
    --hws-color-ink: #23282B;         /* 石墨墨水标题。surface 14.15:1 */
    --hws-color-text: #3E4548;        /* 正文。surface 9.28:1 / canvas 8.36:1 */
    --hws-color-muted: #60685E;       /* 说明/时间。surface 5.48:1 / canvas 4.94:1 */
    --hws-color-line: #D4CCBB;        /* 纸线，承担结构分隔 */
    --hws-color-line-strong: #BDB6A2; /* 强分隔/输入描边 */
    --hws-color-accent: #2F5747;      /* 墨绿实底主操作（纸白字 7.75:1） */
    --hws-color-accent-deep: #1E3D31; /* 深墨绿：链接/强调文字 11.29:1 */
    --hws-color-accent-soft: #DCE5DA; /* 选中浅底（浅鼠尾草） */
    --hws-color-on-accent: #FBF9F3;   /* 主操作前景（纸白） */
    --hws-color-agent: #8A4A3B;       /* 朱砂：AI 助理身份色 */
    --hws-color-tint-1: #DCE5D8;      /* 鼠尾草：装饰/识别块，不承载正文 */
    --hws-color-tint-2: #E9DAC6;      /* 沙色：装饰/识别块，不承载正文 */
    --hws-color-success: #2E6B4F;
    --hws-color-warning: #8A5A12;
    --hws-color-danger: #9C3A34;
    --hws-color-focus: #1E3D31;
    --hws-color-scrim: #23282B;

    /* 2. 圆角：近直角、只用一丝圆角（卡片 4 / 面板 6 / 按钮 4） */
    --hws-radius-xs: 2px;
    --hws-radius-sm: 4px;
    --hws-radius-md: 6px;
    --hws-radius-lg: 8px;
    --hws-radius-xl: 10px;
    --hws-radius-pill: 999px;

    /* 3. 阴影：内容层完全扁平（0 不透明度阴影），浮层只留最小托起感 */
    --hws-shadow-1: 0 0 0 rgb(35 40 43 / 0%);
    --hws-shadow-2: 0 1px 2px rgb(35 40 43 / 4%);
    --hws-shadow-3: 0 12px 32px rgb(35 40 43 / 12%);

    /* 4. 字体与字号阶：正文字号略大（×1.03）适合长阅读；衬线只用于品牌字标/编号（font-round 槽），正文保持系统无衬线 */
    --hws-font-sans: "PingFang SC", "Noto Sans SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;
    --hws-font-round: "Songti SC", "Noto Serif SC", "Source Han Serif SC", "SimSun", serif;
    --hws-text-scale: 1.03;

    /* 5. 组件形状/密度（hws-tokens.css §5 的皮肤落点）：所有卡片/面板靠 1px 纸线，不靠阴影 */
    --hws-button-radius: var(--hws-radius-sm);
    --hws-card-radius: var(--hws-radius-sm);
    --hws-panel-radius: var(--hws-radius-md);
    --hws-control-radius: var(--hws-radius-xs);
    --hws-nav-radius: var(--hws-radius-xs);
    --hws-card-border: 1px solid var(--hws-color-line);
    --hws-card-shadow: var(--hws-shadow-1);
    --hws-card-shadow-hover: var(--hws-shadow-2);
    --hws-panel-border: 1px solid var(--hws-color-line);
    --hws-panel-shadow: var(--hws-shadow-2);
    --hws-row-height: 42px;
    --hws-density: 1.04;
    --hws-heading-weight: 700;
    --hws-letter-spacing-title: 0;
}

/* ---------- 深色（P2：未进本轮验收闸门） ---------- */
html[data-skin="paper"][data-theme="dark"] {
    --hws-color-canvas: #1C1D1A;
    --hws-color-surface: #232420;
    --hws-color-surface-soft: #2A2C26;
    --hws-color-surface-sunk: #262821;
    --hws-color-ink: #EDEADF;
    --hws-color-text: #D5D2C6;
    --hws-color-muted: #A3A79B;
    --hws-color-line: #3A3C34;
    --hws-color-line-strong: #4B4E43;
    --hws-color-accent: #A8C9AE;
    --hws-color-accent-deep: #C4DCC5;
    --hws-color-accent-soft: #2F3A31;
    --hws-color-on-accent: #1C1D1A;
    --hws-color-agent: #D8A08A;
    --hws-color-tint-1: #33402F;
    --hws-color-tint-2: #3E352B;
    --hws-color-success: #7FBF95;
    --hws-color-warning: #D9B06A;
    --hws-color-danger: #DF8F86;
    --hws-color-focus: #A8C9AE;
    --hws-color-scrim: #000000;

    --hws-radius-xs: 2px;
    --hws-radius-sm: 4px;
    --hws-radius-md: 6px;
    --hws-radius-lg: 8px;
    --hws-radius-xl: 10px;
    --hws-radius-pill: 999px;

    --hws-shadow-1: 0 0 0 rgb(0 0 0 / 0%);
    --hws-shadow-2: 0 1px 2px rgb(0 0 0 / 24%);
    --hws-shadow-3: 0 12px 32px rgb(0 0 0 / 44%);

    --hws-font-sans: "PingFang SC", "Noto Sans SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;
    --hws-font-round: "Songti SC", "Noto Serif SC", "Source Han Serif SC", "SimSun", serif;
    --hws-text-scale: 1.03;

    --hws-button-radius: var(--hws-radius-sm);
    --hws-card-radius: var(--hws-radius-sm);
    --hws-panel-radius: var(--hws-radius-md);
    --hws-control-radius: var(--hws-radius-xs);
    --hws-nav-radius: var(--hws-radius-xs);
    --hws-card-border: 1px solid var(--hws-color-line);
    --hws-card-shadow: var(--hws-shadow-1);
    --hws-card-shadow-hover: var(--hws-shadow-2);
    --hws-panel-border: 1px solid var(--hws-color-line);
    --hws-panel-shadow: var(--hws-shadow-2);
    --hws-row-height: 42px;
    --hws-density: 1.04;
    --hws-heading-weight: 700;
    --hws-letter-spacing-title: 0;
}

/* ---------- 切换器预览色块（固定色，不随当前皮肤变化） ----------
   来源 BRIEF §9：外观弹层里三张缩略卡必须永远显示各皮肤自己的颜色，
   因此这里用 data-skin-key 锁定，不能引用当前皮肤的语义令牌。 */
.hws-skin-swatch[data-skin-key="paper"] i:nth-child(1) { background: #F1EDE3; }
.hws-skin-swatch[data-skin-key="paper"] i:nth-child(2) { background: #FBF9F3; }
.hws-skin-swatch[data-skin-key="paper"] i:nth-child(3) { background: #2F5747; }
.hws-skin-swatch[data-skin-key="paper"] i:nth-child(4) { background: #DCE5D8; }