/* ==========================================================
   JR杰瑞 · 统一底座 01 · 设计令牌 (Design Tokens)
   体系：矿物暖墨 Mineral Warm-Ink
   模式：light 纸本矿物 / dark 墨底暖光
   ------------------------------------------------------------
   安全约定：全部规则包在 [data-jr-base] 下。
   未加 data-jr-base 的页面 → 本文件零作用，旧样式完全不变。
   ========================================================== */

[data-jr-base] {
  color-scheme: light;

  /* ---- 矿物基底 · 明度阶梯（light 语义：50=纸底 800=浓墨） ---- */
  --mn-50: #F7F3EA;
  --mn-100: #EFEAE0;
  --mn-200: #E4DDD0;
  --mn-300: #CFC7BA;
  --mn-400: #A79E92;
  --mn-500: #7A736A;
  --mn-600: #4A443C;
  --mn-700: #2B2723;
  --mn-800: #1C1A17;

  /* ---- 暖墨三色（品牌资产 · 跨模式只调明度不改色相） ---- */
  --ochre: #B4532A;      /* 赭石 · 官网 / 画室 */
  --gamboge: #D99A2B;    /* 藤黄 · 剧场 */
  --gamboge-d: #9E6A15;  /* 藤黄深版 · 文字场景 */
  --pine: #2F5D50;       /* 松绿 · 衣橱 */

  /* ---- 语义色 ---- */
  --success: #2F5D50;
  --warning: #D99A2B;
  --danger: #B3261E;
  --info: #3F6E7D;

  /* ---- 字体 ---- */
  --font: "JRSans", "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei",
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --serif: "JRSerif", "Source Han Serif SC", "Songti SC", Georgia, serif;
  --mono: "SF Mono", SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;

  /* ---- 字号（1.25 阶梯） ---- */
  --fs-12: 12px; --fs-13: 13px; --fs-14: 14px; --fs-16: 16px; --fs-18: 18px;
  --fs-20: 20px; --fs-24: 24px; --fs-30: 30px; --fs-38: 38px; --fs-48: 48px;

  /* ---- 行高 ---- */
  --lh-body: 1.75; --lh-title: 1.3; --lh-dense: 1.5;

  /* ---- 字距 ---- */
  --ls-title: -0.01em; --ls-eyebrow: 0.14em;

  /* ---- 间距 ---- */
  --sp-4: 4px;  --sp-8: 8px;   --sp-12: 12px; --sp-16: 16px; --sp-24: 24px;
  --sp-32: 32px; --sp-48: 48px; --sp-64: 64px; --sp-96: 96px; --sp-140: 140px;

  /* ---- 圆角（不规则 · 品牌资产） ---- */
  --r-sm: 8px;  --r-xs: 14px;  --r-lg: 18px;
  --r-md: 17px; --r-2xl: 20px; --r-xl: 21px;

  /* ---- 容器 / 栅格 ---- */
  --container: 1200px;
  --container-app: 1440px;
  --gap: 24px;
  --nav-h: 68px;

  /* ---- 动效 ---- */
  --ease: cubic-bezier(.2, .7, .3, 1);
  --dur: 200ms;

  /* ============================================================
     语义映射（旧变量同名继承 · 保证旧组件平滑过渡）
     ============================================================ */
  --bg: var(--mn-50);
  --bg-soft: var(--mn-100);
  --panel: #FFFDF8;
  --panel-2: var(--mn-50);
  --line: rgba(28, 26, 23, .13);
  --line-soft: rgba(28, 26, 23, .07);

  --text: var(--mn-800);
  --text-dim: var(--mn-700);
  --muted: var(--mn-500);

  --accent: var(--ochre);
  --accent-2: var(--pine);
  --accent-3: var(--gamboge);
  --accent-warm: var(--gamboge);
  --accent-t: var(--gamboge-d);
  --accent-soft: rgba(180, 83, 42, .07);

  /* 应用层同名变量（替换霓虹 --primary） */
  --primary: var(--ochre);
  --primary-2: var(--gamboge-d);
  --text-bright: var(--mn-800);
  --indicator: var(--ochre);
  --accent-glow: rgba(180, 83, 42, .20);
  --accent-glow-strong: rgba(180, 83, 42, .34);

  /* ---- 阴影 ---- */
  --shadow: 0 18px 48px rgba(28, 26, 23, .10);
  --shadow-soft: 0 8px 24px rgba(28, 26, 23, .07);
  --shadow-card: 0 4px 16px rgba(28, 26, 23, .07);
  --shadow-card-hover: 0 12px 36px rgba(28, 26, 23, .13);
}

/* ============================================================
   dark · 墨底暖光（色阶反转 · 暖墨提亮）
   ============================================================ */
[data-jr-base][data-theme="dark"] {
  color-scheme: dark;

  --mn-50: #14120F;
  --mn-100: #1A1815;
  --mn-200: #201D19;
  --mn-300: #2B2723;
  --mn-400: #4A443C;
  --mn-500: #8C8377;
  --mn-600: #CFC7BA;
  --mn-700: #E8E1D5;
  --mn-800: #F2ECE1;

  --ochre: #D98A4E;
  --gamboge: #E0A83C;
  --gamboge-d: #E0A83C;
  --pine: #5A9A88;

  --success: #5A9A88;
  --warning: #E0A83C;
  --danger: #E57373;
  --info: #6FA3B5;

  --panel: #201D19;
  --panel-2: #1A1815;
  --line: rgba(232, 225, 213, .14);
  --line-soft: rgba(232, 225, 213, .08);

  --accent-soft: rgba(217, 138, 78, .12);
  --accent-glow: rgba(217, 138, 78, .24);
  --accent-glow-strong: rgba(217, 138, 78, .40);

  --shadow: 0 18px 48px rgba(0, 0, 0, .45);
  --shadow-soft: 0 8px 24px rgba(0, 0, 0, .35);
  --shadow-card: 0 4px 16px rgba(0, 0, 0, .30);
  --shadow-card-hover: 0 12px 36px rgba(0, 0, 0, .48);
}

/* ============================================================
   生态变体 · 只换主色 / 栅格 / 留白，其余完全一致
   品牌铁律：三个独立生态 + 共享一套地基
   ============================================================ */
[data-jr-base][data-eco="painting"] {
  --accent: var(--ochre);
  --primary: var(--ochre);
  --indicator: var(--ochre);
  --eco-gap: 24px;
  --eco-section: 96px;
  --eco-card: 32px;
}
[data-jr-base][data-eco="drama"] {
  --accent: var(--gamboge-d);
  --primary: var(--gamboge-d);
  --indicator: var(--gamboge-d);
  --eco-gap: 16px;
  --eco-section: 80px;
  --eco-card: 24px;
}
[data-jr-base][data-eco="wardrobe"] {
  --accent: var(--pine);
  --primary: var(--pine);
  --indicator: var(--pine);
  --eco-gap: 32px;
  --eco-section: 140px;
  --eco-card: 40px;
}