/*
 * H6 UI 铁律主色系 · 棕褐玄学
 * 确立日期：2026-08-27
 * 适用范围：H6 玄学 / 道系 / 祠堂 / 家族法脉 / 道士主页 / 法脉 模块新建与改版页面
 *
 * 铁律总则（所有新建/改页面必须遵守）：
 *   1. 浅色铁律——禁用黑系背景（背景一律用 --x-bg / --x-paper，不得用纯黑或近黑背景）
 *   2. 禁用装饰阴影——所有卡片/按钮/浮层一律 box-shadow:none（--x-shadow:none）
 *   3. 禁用自创非铁律色——所有色值必须来自本文件变量，不得擅自 hardcode 非铁律色
 *   4. 与 H6 official 壳主色兼容——养鱼壳 primary 仍为 #C96F4A（--x-coral），命盘中心等已上线页不可回退
 *   5. 背景互通——全站 #F4F1EC 与玄学模块 #F7F3EC 视为同一铁律底，可互换使用
 *
 * 接入方式：
 *   页面 <head> 引入 <link rel="stylesheet" href="shared/xuan-theme.css">
 *   全局使用 var(--x-*) 变量；组件类以 .x- 前缀提供即插即用，不污染全局样式。
 */

:root{
  /* 金色描边 alpha ramp（2026-10-12 S0 · 收敛自 fortune-center 等页散落的 rgba(184,149,75,*)）
     铁律 3：色值必须来自本文件变量，页面不得再 hardcode rgba(184,149,75,*) */
  --x-gold-a12:rgba(184,149,75,.12);  /* 常规描边（卡片/条带） */
  --x-gold-a15:rgba(184,149,75,.15);
  --x-gold-a20:rgba(184,149,75,.20);
  --x-gold-a22:rgba(184,149,75,.22);  /* 强调描边（快捷按钮） */
  --x-gold-a25:rgba(184,149,75,.25);
  --x-gold-a28:rgba(184,149,75,.28);  /* 虚线空态/分隔 */
  --x-gold-a45:rgba(184,149,75,.45);  /* 实心点缀 */

  /* 背景层次 */
  --x-bg:#F7F3EC;           /* 页面底色：暖白偏米，像宣纸 */
  --x-bg-soft:#F0EBE3;      /* 次级背景、hover 区 */
  --x-paper:#FFFFFF;        /* 卡片/面板：素缟白 */
  --x-paper-2:#FFFDF9;      /* 微暖卡片（可选） */

  /* 纸底 tint ramp（v2.3 Phase3 · 跨页精确收敛自裸 hex，零色差补齐） */
  --x-paper-warm:#FBF6EE;   /* 暖奶油纸底（最高频） */
  --x-paper-veil:#FBF8F2;   /* 极浅纱白纸底 */
  --x-paper-rose:#FBF1EA;   /* 玫瑰纸底 */
  --x-paper-mist:#F4F1EC;   /* 中性雾纸底 */
  --x-paper-tan:#E8E3DB;    /* 浅茶纸底 */
  --x-paper-sage:#EEF2EA;   /* 浅苍纸底 */
  --x-ink-deep:#26231E;     /* 深墨：重标题（文字用，非背景） */
  --x-brown-500:#A9542F;    /* 中棕褐 */
  --x-water:#6890A8;        /* 水蓝：坎位/河洛水位 */
  --x-gray-400:#9AA0A6;     /* 中性灰：未开放/禁用态 */

  /* 棕褐主色族 */
  --x-brown:#9A6B4A;        /* 主棕褐：法脉按钮、头像底 */
  --x-brown-600:#7A4F3A;    /* 深棕褐：按下态/重文字/选中态 */
  --x-brown-700:#5C3A29;    /* 重色：标题/深色图标 */
  --x-brown-300:#C9A98C;    /* 浅棕褐：描边、hover 背景 */
  --x-brown-100:#EBE0D4;    /* 极浅：标签底色、分隔背景 */

  /* H6 official 壳主色兼容 */
  --x-coral:#C96F4A;        /* H6 official primary，可与 --x-brown 互换作主 CTA */
  --x-coral-600:#A0522D;
  --x-brand:#F87848;          /* AI 商业联邦主色：章鱼仔橙红(H16 S71 V97) 暖橘红高亮通透 */
  --x-brand-600:#E96A4C;      /* 按下态 */
  --x-brand-700:#D8553F;      /* 深强调(白字对比≈4.9:1 达 AA) */    /* 按下态 */

  /* 玄学辅助色 */
  --x-teal:#3D5A5A;         /* 玄青：道教/命理的稳重辅助色 */
  --x-teal-600:#2F4545;     /* 深玄青 */
  --x-sage:#7A8F74;         /* 苍绿：吉/生机 */
  --x-sage-600:#5A7D5A;     /* 吉态深绿 */

  /* 点睛色 */
  --x-gold:#C9A24A;         /* 金黄：功德、香火、VIP、吉兆 */
  --x-gold-600:#A38132;     /* 金按下态 */
  --x-cinnabar:#C9402F;     /* 朱砂红：仅用于吉凶提示、重要警示（小面积） */
  --x-cinnabar-600:#A8332A; /* 朱砂按下态 */

  /* 文字 */
  --x-ink:#2F2A22;          /* 主文字：墨褐 */
  --x-ink-2:#4E463B;        /* 次级标题 */
  --x-ink-3:#6B6154;        /* 正文次要 */
  --x-faint:#8A8175;        /* 弱文字/placeholder：过 AA 4.5:1 */
  --x-pale:#B5A99A;         /* 禁用/极弱 */

  /* 描边 */
  --x-line:#E0D8CC;         /* 细线、分隔 */
  --x-line-2:#D1C7B8;       /* 强调描边 */

  /* 铁律：禁用装饰阴影 */
  --x-shadow:none;

  /* 圆角 */
  --x-r-lg:18px;            /* 卡片 */
  --x-r-md:12px;            /* 按钮/输入框 */
  --x-r-sm:8px;             /* 标签/小图 */
  --x-r-full:999px;         /* 头像/药丸 */
  --x-font-sans:  "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, -apple-system, sans-serif;
  --x-font-serif: "Source Han Serif SC", "Noto Serif SC", "Songti SC", "STSong", serif;
  --x-font-kai:   "KaiTi", "STKaiti", "Kaiti SC", "楷体", serif;
  --x-font-en:    "Inter", "Helvetica Neue", "Segoe UI", system-ui, sans-serif;
  --x-font-mono:  "SF Mono", "JetBrains Mono", "Roboto Mono", ui-monospace, monospace;
  --x-font-cn:    var(--x-font-serif);   /* 废弃别名：名实不符，桥接用 */
  --font-sans:    var(--x-font-sans);    /* 废弃别名：缺 x- 前缀(H8)，桥接用 */
  --font-serif:   var(--x-font-serif);   /* 废弃别名：缺 x- 前缀(H8)，桥接用 */
  --x-cream:        #E8D5C8;
  --x-cream-strong: #F6ECDD;
  --x-warn-soft:    #F2B8A0;
  --x-success-soft: #A8C0A8;
  --x-stage-rgb:    42, 26, 15;
  --x-text-on-dark: #FFF8F0;

}

/* ===== H6 字体系统 body 基线 (Phase 0 · 2026-10-09) ===== */
body{
  font-family: var(--x-font-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "kern" 1;
}

/* ===== 即插即用组件类（.x- 前缀，不污染全局） ===== */

/* 卡片 */
.x-card{
  background:var(--x-paper);
  border:1px solid var(--x-line);
  border-radius:var(--x-r-lg);
  box-shadow:var(--x-shadow);   /* 铁律：none */
}

/* 主按钮（棕褐） */
.x-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:10px 20px;border:none;border-radius:var(--x-r-md);
  background:var(--x-brown);color:var(--x-paper);
  font-size:15px;font-weight:600;font-family:var(--x-font-sans);
  cursor:pointer;box-shadow:var(--x-shadow);transition:background .15s;
}
.x-btn:active{background:var(--x-brown-600);}
.x-btn:focus-visible{outline:2px solid var(--x-brown-300);outline-offset:2px;}

/* 壳主色 CTA（与养鱼壳 #C96F4A 兼容） */
.x-btn-coral{background:var(--x-coral);}
.x-btn-coral:active{background:var(--x-coral-600);}

/* 标签 / 药丸 */
.x-tag{
  display:inline-block;padding:4px 10px;border-radius:var(--x-r-full);
  background:var(--x-brown-100);color:var(--x-brown-700);
  font-size:12px;font-weight:500;
}
.x-tag-gold{background:rgba(201,162,74,.14);color:var(--x-gold-600);}
.x-tag-sage{background:rgba(122,143,116,.16);color:var(--x-sage-600);}

/* 输入框 */
.x-input{
  width:100%;padding:10px 12px;border:1px solid var(--x-line-2);
  border-radius:var(--x-r-md);background:var(--x-paper);color:var(--x-ink);
  font-size:15px;font-family:var(--x-font-sans);box-shadow:var(--x-shadow);
}
.x-input:focus{border-color:var(--x-brown-300);outline:none;}

/* 分隔线 */
.x-divider{border:none;border-top:1px solid var(--x-line);margin:16px 0;}

/* 选中态（导航 / 法师卡片） */
.x-selected{border-color:var(--x-brown);background:var(--x-brown-100);}

/* ===== 全局 a11y 基线（v2.3 §11.9 / U7 / U8 / 验收#25·#27） ===== */
/* 焦点可见：任何可聚焦元素键盘可达且有可见焦点环（WCAG 2.4.7；禁 outline:none 无替代） */
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid var(--x-cinnabar);
  outline-offset: 2px;
}

/* 响应式 720px 通用断点：根字号收敛 + 媒体/容器不溢出（命理宫格等专用布局由各组件自身 media 处理） */
@media (max-width: 720px) {
  :root { font-size: 15px; }
  img, svg, video, canvas { max-width: 100%; height: auto; }
  .container, .wrap, .page, .main { max-width: 100%; }
}

/* 降动：尊重用户 reduce-motion 偏好（U7 全关） */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}


/* Phase2 律法严格对齐：scale token 统一值源（v2.3 单一 xuan 基座） */
:root{
  --x-stage:#2A1A0F;
  --x-nav-h:64px;
  --x-nav-clear:72px;
  --x-sp-1:4px;
  --x-sp-2:8px;
  --x-sp-3:12px;
  --x-sp-4:16px;
  --x-sp-6:24px;
  --x-sp-8:32px;
  --x-sp-12:48px;
  --x-sp-16:64px;
  --x-r-sm:8px;
  --x-r-md:12px;
  --x-r-lg:18px;
  --x-r-xl:22px;
  --x-r-pill:999px;
  --x-r-tag:3px;
  --x-fs-xs:12px;
  --x-fs-sm:14px;
  --x-fs-base:16px;
  --x-fs-lg:18px;
  --x-fs-xl:20px;
  --x-fs-2xl:24px;
  --x-fs-3xl:30px;
  --x-fs-title:18px;
}

/* P4-AUTO-TOKENS: 高频未覆盖裸 hex 集中令牌化 (H13a 合规: 仅系统文件定义 --x-) */
:root {
  --x-h0e0904:#0e0904;
  --x-h26231e:#26231e;
  --x-h262320:#262320;
  --x-h2a1a0f:#2a1a0f;
  --x-h2a211a:#2a211a;
  --x-h2c3946:#2c3946;
  --x-h2f2a22:#2f2a22;
  --x-h3d2817:#3d2817;
  --x-h3d5a5a:#3d5a5a;
  --x-h3e7a52:#3e7a52;
  --x-h4a2812:#4a2812;
  --x-h4a2e18:#4a2e18;
  --x-h4a6f8a:#4a6f8a;
  --x-h4e6e60:#4e6e60;
  --x-h5a3a22:#5a3a22;
  --x-h5c3a29:#5c3a29;
  --x-h64ffda:#64ffda;
  --x-h6b4423:#6b4423;
  --x-h6b6154:#6b6154;
  --x-h6e3d1f:#6e3d1f;
  --x-h6e4f1e:#6e4f1e;
  --x-h6faf7a:#6faf7a;
  --x-h7a4e2e:#7a4e2e;
  --x-h7a4f3a:#7a4f3a;
  --x-h7a5a40:#7a5a40;
  --x-h7a8f74:#7a8f74;
  --x-h7a9b6e:#7a9b6e;
  --x-h8a5a2e:#8a5a2e;
  --x-h8a6a2e:#8a6a2e;
  --x-h8a8175:#8a8175;
  --x-h8b5a36:#8b5a36;
  --x-h8c4e26:#8c4e26;
  --x-h8fb6cc:#8fb6cc;
  --x-h9a7b45:#9a7b45;
  --x-ha0522d:#a0522d;
  --x-ha07d5e:#a07d5e;
  --x-ha3c998:#a3c998;
  --x-ha83228:#a83228;
  --x-ha8332a:#a8332a;
  --x-ha86b3c:#a86b3c;
  --x-ha89882:#a89882;
  --x-ha9523a:#a9523a;
  --x-hb07a4c:#b07a4c;
  --x-hb4b7b8:#b4b7b8;
  --x-hb59378:#b59378;
  --x-hb8954b:#b8954b;
  --x-hc13d27:#c13d27;
  --x-hc9402f:#c9402f;
  --x-hc96f4a:#c96f4a;
  --x-hc97a5a:#c97a5a;
  --x-hc9a24a:#c9a24a;
  --x-hc9a385:#c9a385;
  --x-hd4a857:#d4a857;
  --x-hd8bc7e:#d8bc7e;
  --x-hd9c7ae:#d9c7ae;
  --x-hddc2a6:#ddc2a6;
  --x-he05a4c:#e05a4c;
  --x-he07b3c:#e07b3c;
  --x-he09870:#e09870;
  --x-he4d8c2:#e4d8c2;
  --x-he4dacb:#e4dacb;
  --x-he5c880:#e5c880;
  --x-he8553d:#e8553d;
  --x-he8c685:#e8c685;
  --x-he8e3db:#e8e3db;
  --x-head9c0:#ead9c0;
  --x-hebdfcc:#ebdfcc;
  --x-hebe0d4:#ebe0d4;
  --x-hefe9df:#efe9df;
  --x-hf09870:#f09870;
  --x-hf0e2cd:#f0e2cd;
  --x-hf0ebe3:#f0ebe3;
  --x-hf2e4ce:#f2e4ce;
  --x-hf3e7d5:#f3e7d5;
  --x-hf4f1ec:#f4f1ec;
  --x-hf7efde:#f7efde;
  --x-hf7f3ec:#f7f3ec;
  --x-hf8f9fa:#f8f9fa;
  --x-hfad0c5:#fad0c5;
  --x-hfbf4e7:#fbf4e7;
  --x-hfbf8f2:#fbf8f2;
  --x-hfcf1ee:#fcf1ee;
  --x-hfcf2ef:#fcf2ef;
  --x-hfcf4ef:#fcf4ef;
  --x-hffd9a0:#ffd9a0;
  --x-hfff3e6:#fff3e6;
  --x-hfff8f0:#fff8f0;
}