/* ==========================================================================
   《中国地域文化指南》· 设计令牌
   依据：功能清单 第八节 视觉与交互设计系统
   原则：传统色做氛围，不做信息；信息用高对比文字（V1 规避）
   字体：仅使用系统字体栈，不引入外部字体文件（规避 A3 字体版权风险）
   ========================================================================== */

:root {
  /* —— 品牌色 —— */
  --brand:        #E85D4A;   /* 品牌橙红：装饰 / 大面积 / 非文字 */
  --brand-btn:    #C8452F;   /* 主按钮底色：白字对比 ≥4.5:1（V1） */
  --brand-btn-hi: #B03A26;
  --brand-warm:   #D88B3E;   /* 辅助暖橙 */
  --brand-warm-btn: #A9661F; /* 暖橙文字版：达标 */
  --brand-soft:   #FBEDE8;   /* 品牌色浅底 */

  /* —— 文字 —— */
  --ink:    #2C2A26;   /* 主文字 · 黛黑 */
  --ink-2:  #5A554E;   /* 次要文字 */
  --ink-3:  #837C72;   /* 弱化文字（仅限 ≥14px 非关键信息） */
  --ink-inv:#FDFBF7;

  /* —— 底 —— */
  --paper:      #F7F3EC;  /* 宣纸底 */
  --paper-2:    #FFFDF9;  /* 卡片底 */
  --paper-3:    #EFE8DC;  /* 次级底 / 分隔 */
  --paper-line: #DED5C6;  /* 描边 */

  /* —— 传统色：图形版用于装饰，文字版已加深至 ≥4.5:1（V1） —— */
  --cinnabar:      #C8452F;  /* 朱砂 · 图形 */
  --cinnabar-text: #A93A26;  /* 朱砂 · 文字 */
  --teal:          #4A7A72;  /* 青绿 · 图形 */
  --teal-text:     #2F5C56;  /* 青绿 · 文字 */
  --gold:          #C9A063;  /* 鎏金 · 图形 */
  --gold-text:     #86652A;  /* 鎏金 · 文字 */
  --dai:           #44546A;  /* 黛蓝 */
  --dai-text:      #35435A;

  /* —— 地图 —— */
  --map-land:       #EDE4D3;
  --map-land-hi:    #F6D9C9;
  --map-ready:      #EFC9A8;  /* 已开放省 */
  --map-line:       #C3B49B;
  --map-stroke:     #A8977C;
  /* 路线图节点：未点亮也必须看得见（不能只靠颜色区分状态） */
  --rt-fill:        #FFFDF9;
  --rt-stroke:      #A79A82;
  --rt-ink:         #5F574A;

  /* —— 圆角 / 阴影 —— */
  --r-lg: 16px;
  --r-md: 10px;
  --r-sm: 6px;
  --r-full: 999px;
  --sh-1: 0 1px 3px rgba(60,48,32,.08);
  --sh-2: 0 4px 16px rgba(60,48,32,.10);
  --sh-3: 0 12px 40px rgba(60,48,32,.16);

  /* —— 排版 —— */
  --font-serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "SimSun", "STSong", serif;
  --font-sans: "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", "Noto Sans SC", system-ui, -apple-system, sans-serif;
  --fs-body: 15px;         /* 正文 ≥14px（A4） */
  --fs-base: 16px;
  --lh-body: 1.75;

  /* —— 动效 —— */
  --ease: cubic-bezier(.22,.61,.36,1);
  --dur-1: .18s;
  --dur-2: .32s;
  --dur-3: .6s;
}

/* 深色模式：同一批 token 重映射，组件代码零改动（8.3） */
@media (prefers-color-scheme: dark) {
  :root {
    --ink:    #EDE7DC;
    --ink-2:  #BEB6A8;
    --ink-3:  #948C7E;
    --ink-inv:#1E1C19;

    --paper:      #1E1C19;
    --paper-2:    #262320;
    --paper-3:    #332F2A;
    --paper-line: #423C34;

    --brand-soft: #3A2620;

    --cinnabar-text: #E8836B;
    --teal-text:     #7FB8AE;
    --gold-text:     #DCBB7E;
    --dai-text:      #9DB2CE;
    --brand-warm-btn:#DCBB7E;
    --brand-btn:     #D9533C;

    --map-land:    #2E2A25;
    --map-land-hi: #4A352C;
    --map-ready:   #5A3A2A;
    --map-line:    #4A443B;
    --map-stroke:  #6B6255;
    --rt-fill:     #3E3830;
    --rt-stroke:   #9A8F7B;
    --rt-ink:      #C9BFAD;

    --sh-1: 0 1px 3px rgba(0,0,0,.4);
    --sh-2: 0 4px 16px rgba(0,0,0,.45);
    --sh-3: 0 12px 40px rgba(0,0,0,.55);
  }
}

/* 手动主题（N-09 / V2 深色模式开关） */
html[data-theme="dark"] {
  --ink:    #EDE7DC; --ink-2: #BEB6A8; --ink-3: #948C7E; --ink-inv: #1E1C19;
  --paper:  #1E1C19; --paper-2: #262320; --paper-3: #332F2A; --paper-line: #423C34;
  --brand-soft: #3A2620;
  --cinnabar-text: #E8836B; --teal-text: #7FB8AE; --gold-text: #DCBB7E; --dai-text: #9DB2CE;
  --brand-warm-btn: #DCBB7E; --brand-btn: #D9533C;
  --map-land: #2E2A25; --map-land-hi: #4A352C; --map-ready: #5A3A2A;
  --map-line: #4A443B; --map-stroke: #6B6255;
}
html[data-theme="light"] { color-scheme: light; }
html[data-theme="dark"]  { color-scheme: dark; }