/* ⚠️ 自动生成，不要手改 —— app/scripts/build_themes.py 从 themes/*.css 拼出来。
   改主题请改 themes/<id>.css 然后重跑脚本。 */

/* ---------- paper ---------- */
/* ===== 纸白 =====
   站点原本的样子，也是 P0 零视觉变化的对照组：这里每个值都逐字等于 tokens.css 的
   :root 默认值。改了 tokens.css 要重跑 build_themes.py 让这个文件跟着走。

   基调继承潮汕站的「精品旅行杂志」B 风格：纸白底、克制留白、宋体大标题。 */

[data-theme="paper"] {
  --paper: #F4F1EA;  /* 页面底色：body、首页统计条格子 */
  --paper-2: #FBF9F4;  /* 次级面：区块底、hover 态、表头、日历补位日与休息日 */
  --card: #FFFFFF;  /* 最上层面：卡片、输入框、日历格子、甘特底 */
  --night: #1F221F;  /* 照片未加载时的占位底 */
  --ink: #26231D;  /* 标题、正文 */
  --ink-2: #5F594D;  /* 次要正文、说明 */
  --ink-3: #8A8272;  /* 元信息 11–13px。全站 63 处，量最大。 */
  --ink-4: #B9B1A0;  /* 最弱：未开放专题的编号 */
  --on-ink: #FFFFFF;  /* 压在 --ink 实底上的字：分段控件选中态、跳转链接、编辑 fab */
  --line: #DED7C8;  /* 主分隔线、输入框边框、卡片边 */
  --line-2: #ECE6DA;  /* 次分隔线；也是日历/九宫格 1px gap 造出来的网格线底色 */
  --accent-fallback: #8A6A3A;  /* 数据没给色时的默认强调色 */
  --accent-mix: 100%;  /* 行程色保留比例。100% = 原样用 */
  --accent-toward: #FFFFFF;  /* 剩余比例混向哪个字面色。深色主题往暖白提 */
  --wash-mix: 0%;  /* accent 混向 --card 生成浅底的比例。0% = 用数据自带的 wash */
  --ok-ink: #41603F;  /* 已完成 / 成功：chip.done、后台 flash */
  --ok-bg: #EDF2EA;
  --ok-line: #5B7A5E;
  --warn-ink: #8C5A18;  /* 待核实 + 错误条 + 危险操作。⚠️ 语气必须是「需要人处理」 */
  --warn-bg: #FAF2E3;
  --warn-line: #B4762A;  /* 强：chip.warn 边、后台必填星号、删除按钮边 */
  --warn-line-2: #C9A45E;  /* 弱：.unk 的虚下划线、前端错误条边 */
  --warn-bg-soft: #FDF7EC;  /* 比 warn-bg 更淡：硬约束卡片底 */
  --alert: #b23b3b;  /* 「要留意」的红：日历「休」角标的字、顶栏待审批红点的底 */
  --alert-wash: rgba(178,59,59,.10);  /* 同一个红的浅底：「休」角标的底 */
  --on-alert: #FFFFFF;  /* 压在 --alert 实底上的字：待审批红点的数字 */
  --scrim: rgba(38,35,29,.35);  /* 模态遮罩 */
  --shadow-menu: 0 10px 30px rgba(38,35,29,.18);  /* 顶栏用户菜单 */
  --shadow-fab: 0 8px 24px rgba(38,35,29,.25);  /* 行程页的编辑悬浮按钮 */
  --shadow-modal: 0 16px 48px rgba(38,35,29,.25);  /* 快速创建 / 模块编辑器 */
  --topbar-bg: rgba(244,241,234,.92);  /* 滚动后粘顶栏。⚠️ 必须带透明度且与 --paper 同色系， */
  --bar-inset: rgba(0,0,0,.08);  /* 甘特色条内描边，把亮色条从底上分离 */
  --paper-image: none;
  --surface-filter: none;
  --surface-shadow: none;
  --hero-bg: #0A1A20;
  --hero-shade: linear-gradient(180deg,rgba(8,20,26,.5),rgba(8,20,26,.05) 45%,rgba(8,20,26,.9));
  --on-photo: #fff;  /* 标题 */
  --on-photo-2: rgba(255,255,255,.9);  /* 日期 */
  --on-photo-3: rgba(255,255,255,.75);  /* 面包屑 */
  --on-photo-line: rgba(255,255,255,.4);  /* 面包屑下划线 */
  --on-photo-line-2: rgba(255,255,255,.3);  /* chip 边框 */
  --on-photo-fill: rgba(255,255,255,.12);  /* chip 底 */
  --serif: "Songti SC",STSong,"Noto Serif SC","Source Han Serif SC",Georgia,serif;
  --sans: -apple-system,BlinkMacSystemFont,"PingFang SC","Noto Sans SC","Microsoft YaHei",sans-serif;
  --num: Georgia,serif;  /* 数字与日期：日历日号、时间表时刻、甘特刻度、倒计时大字 */
  --radius-1: 3px;  /* chip / 按钮 / 输入框。区间 0–10px */
  --radius-2: 4px;  /* 卡片 / 模态。区间 0–10px */
  --radius-pill: 999px;  /* 只能取 0 或 999px */
  --dur-1: .15s;  /* hover / focus。区间 0–.3s */
  --dur-2: .7s;  /* 进场 reveal。区间 0–1.2s */
  --pad: clamp(20px,5vw,88px);  /* 页边距。上下界不超出 12px–120px */
  --max: 1320px;  /* 内容最大宽。区间 1080px–1600px */
  --map-style: amap://styles/normal;  /* 高德官方样式串。深色主题用 amap://styles/dark */
  --theme-name: "纸白";
  color-scheme: light;  /* ⚠️ 主题块里唯一允许写的真实 CSS 属性 */
}

/* ---------- liquid ---------- */
/* ===== 液态玻璃 =====
   经典液态玻璃：浅海天底色、半透明卡片、环境光和柔和折射。
   玻璃只改变表面表现，不改变工作台的网格、时间轴和信息密度。 */

[data-theme="liquid"] {
  --paper: #E8F3F8;
  --paper-2: rgba(255,255,255,.48);
  --card: rgba(255,255,255,.72);
  --night: #10233B;
  --ink: #0A253B;
  --ink-2: #27445C;
  --ink-3: #49657A;
  --ink-4: #6F899B;
  --on-ink: #F8FCFF;
  --line: rgba(61,117,148,.42);
  --line-2: rgba(105,158,183,.32);
  --accent-fallback: #167DA8;
  --accent-mix: 100%;
  --accent-toward: #E4F7FF;
  --wash-mix: 26%;
  --ok-ink: #176046;
  --ok-bg: #E7F5EE;
  --ok-line: #4B9877;
  --warn-ink: #8A4D12;
  --warn-bg: #FFF2D7;
  --warn-line: #BA7A27;
  --warn-line-2: #D2A55E;
  --warn-bg-soft: #FFF8E9;
  --alert: #BB3C5A;
  --alert-wash: rgba(187,60,90,.12);
  --on-alert: #FFFFFF;
  --scrim: rgba(16,42,66,.28);
  --shadow-menu: 0 12px 34px rgba(40,93,125,.2);
  --shadow-fab: 0 10px 28px rgba(40,93,125,.28);
  --shadow-modal: 0 20px 56px rgba(40,93,125,.25);
  --topbar-bg: rgba(232,243,248,.72);
  --bar-inset: rgba(255,255,255,.7);
  --paper-image: radial-gradient(circle at 8% 4%, rgba(111,210,238,.45), transparent 28%), radial-gradient(circle at 92% 8%, rgba(190,168,255,.35), transparent 24%), linear-gradient(135deg, #E9F7FB 0%, #F7FBFF 46%, #EEF0FF 100%);
  --surface-filter: blur(18px) saturate(145%);
  --surface-shadow: 0 12px 36px rgba(60,111,146,.14);
  --hero-bg: #0A1A20;
  --hero-shade: linear-gradient(180deg,rgba(8,20,26,.5),rgba(8,20,26,.05) 45%,rgba(8,20,26,.9));
  --on-photo: #fff;
  --on-photo-2: rgba(255,255,255,.9);
  --on-photo-3: rgba(255,255,255,.75);
  --on-photo-line: rgba(255,255,255,.4);
  --on-photo-line-2: rgba(255,255,255,.3);
  --on-photo-fill: rgba(255,255,255,.12);
  --serif: "Songti SC", STSong, "Noto Serif SC", "Source Han Serif SC", Georgia, serif;
  --sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif;
  --num: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  --radius-1: 8px;
  --radius-2: 10px;
  --radius-pill: 999px;
  --dur-1: .18s;
  --dur-2: .72s;
  --pad: clamp(18px,4vw,64px);
  --max: 1320px;
  --map-style: amap://styles/normal;
  --theme-name: "液态玻璃";
  color-scheme: light;
}

[data-theme="liquid"][data-scheme="dark"] {
  --paper: #0D1A2A;
  --paper-2: rgba(26,46,67,.72);
  --card: rgba(29,50,72,.78);
  --night: #07111D;
  --ink: #ECF7FF;
  --ink-2: #B5D0DF;
  --ink-3: #88A8BA;
  --ink-4: #5C7B8D;
  --on-ink: #102030;
  --line: #46647A;
  --line-2: #31485A;
  --accent-fallback: #67D5F0;
  --accent-mix: 58%;
  --accent-toward: #E7FAFF;
  --wash-mix: 24%;
  --ok-ink: #81DDAF;
  --ok-bg: #143326;
  --ok-line: #3E805F;
  --warn-ink: #F0C16D;
  --warn-bg: #352913;
  --warn-line: #B88B39;
  --warn-line-2: #80652B;
  --warn-bg-soft: #2C2414;
  --alert: #F08EA2;
  --alert-wash: rgba(240,142,162,.15);
  --on-alert: #2A1118;
  --scrim: rgba(2,10,18,.62);
  --shadow-menu: 0 14px 38px rgba(0,0,0,.38);
  --shadow-fab: 0 10px 30px rgba(0,0,0,.48);
  --shadow-modal: 0 20px 56px rgba(0,0,0,.48);
  --topbar-bg: rgba(13,26,42,.7);
  --bar-inset: rgba(255,255,255,.16);
  --paper-image: radial-gradient(circle at 12% 0%, rgba(44,145,185,.32), transparent 30%), radial-gradient(circle at 94% 8%, rgba(119,98,193,.3), transparent 25%), linear-gradient(135deg, #0D1A2A 0%, #10263B 48%, #191936 100%);
  --surface-filter: blur(18px) saturate(135%);
  --surface-shadow: 0 14px 40px rgba(0,0,0,.32);
  --map-style: amap://styles/dark;
  color-scheme: dark;
}

/* ---------- editorial ---------- */
/* ===== 旅行杂志 =====
   暖象牙纸、陶土色和克制的编辑感，保留现有站点的宋体人格。 */

[data-theme="editorial"] {
  --paper: #F7F0E6;
  --paper-2: #FBF8F2;
  --card: #FFFDF8;
  --night: #26211B;
  --ink: #2B241D;
  --ink-2: #5B4B3E;
  --ink-3: #77695B;
  --ink-4: #A49383;
  --on-ink: #FFFFFF;
  --line: #DCCDBD;
  --line-2: #EDE3D6;
  --accent-fallback: #BC5D30;
  --accent-mix: 100%;
  --accent-toward: #FFFFFF;
  --wash-mix: 8%;
  --ok-ink: #37624A;
  --ok-bg: #EAF2E8;
  --ok-line: #668A69;
  --warn-ink: #8A4C15;
  --warn-bg: #FCF0DC;
  --warn-line: #B97830;
  --warn-line-2: #D0A16A;
  --warn-bg-soft: #FFF7E8;
  --alert: #B3453C;
  --alert-wash: rgba(179,69,60,.1);
  --on-alert: #FFFFFF;
  --scrim: rgba(43,36,29,.32);
  --shadow-menu: 0 10px 28px rgba(91,75,62,.16);
  --shadow-fab: 0 8px 24px rgba(91,75,62,.22);
  --shadow-modal: 0 16px 46px rgba(91,75,62,.2);
  --topbar-bg: rgba(247,240,230,.92);
  --bar-inset: rgba(60,43,29,.1);
  --paper-image: radial-gradient(circle at 88% 6%, rgba(211,132,90,.14), transparent 21%), linear-gradient(135deg, #F7F0E6 0%, #FCF8F1 52%, #F5EDE2 100%);
  --surface-filter: none;
  --surface-shadow: 0 6px 18px rgba(91,75,62,.06);
  --hero-bg: #0A1A20;
  --hero-shade: linear-gradient(180deg,rgba(8,20,26,.5),rgba(8,20,26,.05) 45%,rgba(8,20,26,.9));
  --on-photo: #fff;
  --on-photo-2: rgba(255,255,255,.9);
  --on-photo-3: rgba(255,255,255,.75);
  --on-photo-line: rgba(255,255,255,.4);
  --on-photo-line-2: rgba(255,255,255,.3);
  --on-photo-fill: rgba(255,255,255,.12);
  --serif: "Songti SC", STSong, "Noto Serif SC", "Source Han Serif SC", Georgia, serif;
  --sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif;
  --num: Georgia, serif;
  --radius-1: 4px;
  --radius-2: 6px;
  --radius-pill: 999px;
  --dur-1: .15s;
  --dur-2: .7s;
  --pad: clamp(20px,5vw,88px);
  --max: 1320px;
  --map-style: amap://styles/normal;
  --theme-name: "旅行杂志";
  color-scheme: light;
}

/* ---------- terrain ---------- */
/* ===== 自然地形 =====
   鼠尾草、森林和河流蓝，配合等高线式的安静户外气质。 */

[data-theme="terrain"] {
  --paper: #F1F3EA;
  --paper-2: #F8FAF4;
  --card: #FCFDF9;
  --night: #1C2B23;
  --ink: #14271D;
  --ink-2: #485B4C;
  --ink-3: #6C7E70;
  --ink-4: #A1AEA0;
  --on-ink: #FFFFFF;
  --line: #D5DED3;
  --line-2: #E5ECE2;
  --accent-fallback: #4C7453;
  --accent-mix: 100%;
  --accent-toward: #FFFFFF;
  --wash-mix: 10%;
  --ok-ink: #2E6546;
  --ok-bg: #E5F1E7;
  --ok-line: #5F8E68;
  --warn-ink: #865014;
  --warn-bg: #FCF1DB;
  --warn-line: #B67A2E;
  --warn-line-2: #D0A263;
  --warn-bg-soft: #FFF8E9;
  --alert: #A6474D;
  --alert-wash: rgba(166,71,77,.1);
  --on-alert: #FFFFFF;
  --scrim: rgba(32,48,39,.3);
  --shadow-menu: 0 10px 28px rgba(45,77,52,.15);
  --shadow-fab: 0 8px 24px rgba(45,77,52,.22);
  --shadow-modal: 0 16px 46px rgba(45,77,52,.2);
  --topbar-bg: rgba(241,243,234,.92);
  --bar-inset: rgba(32,48,39,.1);
  --paper-image: radial-gradient(circle at 5% 10%, rgba(121,164,133,.18), transparent 24%), radial-gradient(circle at 95% 8%, rgba(104,161,188,.14), transparent 25%), linear-gradient(135deg, #F1F3EA 0%, #FAFBF5 54%, #EDF3F0 100%);
  --surface-filter: none;
  --surface-shadow: 0 8px 24px rgba(45,77,52,.07);
  --hero-bg: #0A1A20;
  --hero-shade: linear-gradient(180deg,rgba(8,20,26,.5),rgba(8,20,26,.05) 45%,rgba(8,20,26,.9));
  --on-photo: #fff;
  --on-photo-2: rgba(255,255,255,.9);
  --on-photo-3: rgba(255,255,255,.75);
  --on-photo-line: rgba(255,255,255,.4);
  --on-photo-line-2: rgba(255,255,255,.3);
  --on-photo-fill: rgba(255,255,255,.12);
  --serif: "Songti SC", STSong, "Noto Serif SC", "Source Han Serif SC", Georgia, serif;
  --sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif;
  --num: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  --radius-1: 8px;
  --radius-2: 10px;
  --radius-pill: 999px;
  --dur-1: .16s;
  --dur-2: .68s;
  --pad: clamp(20px,5vw,84px);
  --max: 1320px;
  --map-style: amap://styles/normal;
  --theme-name: "自然地形";
  color-scheme: light;
}

/* ---------- midnight ---------- */
/* ===== 深夜航旅 =====
   深海蓝黑、月光青和少量琥珀，适合夜间规划和长途移动。 */

[data-theme="midnight"] {
  --paper: #0A1220;
  --paper-2: #111E31;
  --card: #172942;
  --night: #050A12;
  --ink: #EFF7FF;
  --ink-2: #B2C9D9;
  --ink-3: #82A0B2;
  --ink-4: #5C7384;
  --on-ink: #07111E;
  --line: #344F66;
  --line-2: #24394D;
  --accent-fallback: #59C7EE;
  --accent-mix: 60%;
  --accent-toward: #E9FAFF;
  --wash-mix: 18%;
  --ok-ink: #83D9A8;
  --ok-bg: #123125;
  --ok-line: #3F805D;
  --warn-ink: #EBC06A;
  --warn-bg: #332812;
  --warn-line: #AD8535;
  --warn-line-2: #796127;
  --warn-bg-soft: #2A2212;
  --alert: #F08D9B;
  --alert-wash: rgba(240,141,155,.14);
  --on-alert: #281017;
  --scrim: rgba(1,5,11,.68);
  --shadow-menu: 0 12px 34px rgba(0,0,0,.42);
  --shadow-fab: 0 10px 28px rgba(0,0,0,.5);
  --shadow-modal: 0 20px 52px rgba(0,0,0,.56);
  --topbar-bg: rgba(10,18,32,.9);
  --bar-inset: rgba(255,255,255,.13);
  --paper-image: radial-gradient(circle at 12% 0%, rgba(37,130,169,.26), transparent 30%), radial-gradient(circle at 94% 5%, rgba(85,74,164,.2), transparent 26%), linear-gradient(135deg, #0A1220 0%, #0D1D32 52%, #15182E 100%);
  --surface-filter: blur(16px) saturate(125%);
  --surface-shadow: 0 14px 34px rgba(0,0,0,.32);
  --hero-bg: #0A1A20;
  --hero-shade: linear-gradient(180deg,rgba(8,20,26,.5),rgba(8,20,26,.05) 45%,rgba(8,20,26,.9));
  --on-photo: #fff;
  --on-photo-2: rgba(255,255,255,.9);
  --on-photo-3: rgba(255,255,255,.75);
  --on-photo-line: rgba(255,255,255,.4);
  --on-photo-line-2: rgba(255,255,255,.3);
  --on-photo-fill: rgba(255,255,255,.12);
  --serif: "Songti SC", STSong, "Noto Serif SC", "Source Han Serif SC", Georgia, serif;
  --sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif;
  --num: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  --radius-1: 8px;
  --radius-2: 10px;
  --radius-pill: 999px;
  --dur-1: .16s;
  --dur-2: .62s;
  --pad: clamp(18px,4.5vw,72px);
  --max: 1320px;
  --map-style: amap://styles/dark;
  --theme-name: "深夜航旅";
  color-scheme: dark;
}

/* ---------- chart ---------- */
/* ===== 航图 =====
   冷调制图皮肤：海图纸的青灰底、深海军蓝的字、信号蓝的强调色，直角不倒圆，
   数字换等宽字体——排期表和甘特刻度对齐后像一张真的航图。

   和「纸白」的区别不只是换色：
   · --radius-1/-2 归零，全站方角（制图感）；
   · --num 换等宽，日历日号和时间表时刻按列对齐；
   · --wash-mix 给了 10%，因为数据自带的 wash 是按暖纸白调的，放在冷底上会发脏，
     这里让它从行程色重新混一遍。

   提供明暗两态：深色块只写和上面不同的那些变量。 */

[data-theme="chart"] {
  --paper: #EDF1F3;
  --paper-2: #F6F9FA;
  --card: #FFFFFF;
  --night: #101A1F;

  --ink: #132029;
  --ink-2: #485964;
  --ink-3: #74838B;
  --ink-4: #A3AFB5;
  --on-ink: #FFFFFF;

  --line: #C9D4D9;
  --line-2: #E2E9EC;

  --accent-fallback: #0A6E8C;
  --accent-mix: 100%;
  --accent-toward: #FFFFFF;
  --wash-mix: 10%;

  --ok-ink: #2C6449;
  --ok-bg: #E3F0E9;
  --ok-line: #558F72;
  --warn-ink: #8A4B12;
  --warn-bg: #FAEEDF;
  --warn-line: #B06E2E;
  --warn-line-2: #C89A68;
  --warn-bg-soft: #FCF5EC;
  --alert: #AC2E42;
  --alert-wash: rgba(172,46,66,.1);
  --on-alert: #FFFFFF;

  --scrim: rgba(15,30,38,.38);
  --shadow-menu: 0 10px 30px rgba(15,30,38,.16);
  --shadow-fab: 0 8px 24px rgba(15,30,38,.24);
  --shadow-modal: 0 16px 48px rgba(15,30,38,.24);
  --topbar-bg: rgba(237,241,243,.92);
  --bar-inset: rgba(0,0,0,.08);
  --paper-image: none;
  --surface-filter: none;
  --surface-shadow: none;

  /* 封面照上的一组永远按「压在深色照片上」设计，和主题明暗无关 */
  --hero-bg: #0A1A20;
  --hero-shade: linear-gradient(180deg,rgba(8,20,26,.5),rgba(8,20,26,.05) 45%,rgba(8,20,26,.9));
  --on-photo: #fff;
  --on-photo-2: rgba(255,255,255,.9);
  --on-photo-3: rgba(255,255,255,.75);
  --on-photo-line: rgba(255,255,255,.4);
  --on-photo-line-2: rgba(255,255,255,.3);
  --on-photo-fill: rgba(255,255,255,.12);

  --serif: "Songti SC",STSong,"Noto Serif SC","Source Han Serif SC",Georgia,serif;
  --sans: -apple-system,BlinkMacSystemFont,"PingFang SC","Noto Sans SC","Microsoft YaHei",sans-serif;
  --num: ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;

  --radius-1: 0px;
  --radius-2: 0px;
  --radius-pill: 999px;
  --dur-1: .12s;
  --dur-2: .5s;
  --pad: clamp(18px,4.5vw,72px);
  --max: 1240px;

  --map-style: amap://styles/normal;

  --theme-name: "航图";
  color-scheme: light;
}

/* 夜间航图：底色压到深海蓝黑，强调色统一往冷白提。 */
[data-theme="chart"][data-scheme="dark"] {
  --paper: #0E171C;
  --paper-2: #142027;
  --card: #1B272F;
  --night: #070C0F;

  --ink: #DFE8EC;
  --ink-2: #A6B4BC;
  --ink-3: #8896A0;
  --ink-4: #5F6D76;
  --on-ink: #0E171C;

  --line: #3A4A54;
  --line-2: #2A363E;

  --accent-fallback: #5FB6D4;
  --accent-mix: 55%;
  --accent-toward: #E4F1F6;
  --wash-mix: 20%;

  --ok-ink: #79D2A6;
  --ok-bg: #142E22;
  --ok-line: #3E7A5C;
  --warn-ink: #E8B76A;
  --warn-bg: #31270F;
  --warn-line: #AC8833;
  --warn-line-2: #7B6429;
  --warn-bg-soft: #282213;
  --alert: #EC8894;
  --alert-wash: rgba(236,136,148,.14);
  --on-alert: #2A1218;

  --scrim: rgba(2,6,9,.62);
  --shadow-menu: 0 10px 30px rgba(0,0,0,.45);
  --shadow-fab: 0 8px 24px rgba(0,0,0,.5);
  --shadow-modal: 0 16px 48px rgba(0,0,0,.55);
  --topbar-bg: rgba(14,23,28,.92);
  --bar-inset: rgba(255,255,255,.1);
  --paper-image: none;
  --surface-filter: none;
  --surface-shadow: none;

  --map-style: amap://styles/dark;

  color-scheme: dark;
}

/* ---------- night ---------- */
/* ===== 夜航 =====
   深色皮肤。名字取自夜里看航图：底色是偏冷的近黑，字是暖白，强调色统一往暖白提。

   这个主题存在的意义是**验证行程色适配那条通路**：库里五条行程的颜色都是按纸白底
   挑的，直接放到近黑底上，潮汕海蓝 #0D5C6D 的对比度只有 2.13，几乎看不见。
   所以这里 --accent-mix 只保留 55%，剩下 45% 混向 --accent-toward 的暖白。
   混合本身由 frontend/src/utils/color.ts 做，主题只声明「往哪调、调多少」。

   单一色调：不提供浅色态（要浅色就切「纸白」），所以没有 [data-scheme="dark"] 块。 */

[data-theme="night"] {
  /* 面：三层依次变亮，和纸白主题的方向相反但层级关系一致 */
  --paper: #14181B;
  --paper-2: #1B2126;
  --card: #222A2F;
  --night: #0B0E10;

  /* 字 */
  --ink: #E8ECEE;
  --ink-2: #B0BABF;
  --ink-3: #8B979D;
  --ink-4: #626D72;
  --on-ink: #14181B;   /* ink 在这里是近白，压在它上面的字必须反过来用深色 */

  /* 线 */
  --line: #3E4950;
  --line-2: #2E373C;

  /* 行程色策略：这是本主题的核心 */
  --accent-fallback: #C8A46A;
  --accent-mix: 55%;
  --accent-toward: #F0EADF;
  --wash-mix: 20%;

  /* 语义色：色相沿用，明度整体反过来（深底浅字） */
  --ok-ink: #7FD6A4;
  --ok-bg: #16301F;
  --ok-line: #3F7D58;
  --warn-ink: #EDBB6B;
  --warn-bg: #33280F;
  --warn-line: #B08B34;
  --warn-line-2: #7E672B;
  --warn-bg-soft: #2A2313;
  --alert: #EE9089;
  --alert-wash: rgba(238,144,137,.14);
  --on-alert: #2A1315;

  /* 浮层：深色底下投影要更实，否则模态和背景糊在一起 */
  --scrim: rgba(4,7,9,.62);
  --shadow-menu: 0 10px 30px rgba(0,0,0,.45);
  --shadow-fab: 0 8px 24px rgba(0,0,0,.5);
  --shadow-modal: 0 16px 48px rgba(0,0,0,.55);
  --topbar-bg: rgba(20,24,27,.92);
  --bar-inset: rgba(255,255,255,.1);
  --paper-image: none;
  --surface-filter: none;
  --surface-shadow: none;

  /* 照片上：和纸白一模一样。封面是用户真实照片，主题控制不了它的明暗，
     这一组永远按「压在深色照片上」设计——见 THEME.md §3.7。 */
  --hero-bg: #0A1A20;
  --hero-shade: linear-gradient(180deg,rgba(8,20,26,.5),rgba(8,20,26,.05) 45%,rgba(8,20,26,.9));
  --on-photo: #fff;
  --on-photo-2: rgba(255,255,255,.9);
  --on-photo-3: rgba(255,255,255,.75);
  --on-photo-line: rgba(255,255,255,.4);
  --on-photo-line-2: rgba(255,255,255,.3);
  --on-photo-fill: rgba(255,255,255,.12);

  /* 字体：宋体大标题是这个站的人格，不动 */
  --serif: "Songti SC",STSong,"Noto Serif SC","Source Han Serif SC",Georgia,serif;
  --sans: -apple-system,BlinkMacSystemFont,"PingFang SC","Noto Sans SC","Microsoft YaHei",sans-serif;
  --num: Georgia,serif;

  /* 形状 / 动效 / 密度：不动，深色不是换布局的借口 */
  --radius-1: 3px;
  --radius-2: 4px;
  --radius-pill: 999px;
  --dur-1: .15s;
  --dur-2: .7s;
  --pad: clamp(20px,5vw,88px);
  --max: 1320px;

  /* 亮底图在深色页面上会戳一个大白洞 */
  --map-style: amap://styles/dark;

  --theme-name: "夜航";
  color-scheme: dark;
}