/*
 * 暗色模式「记分牌夜场」(v0.20 随视觉世界重构调色):跟随系统自动切换。
 * 本文件放在 public/ 由 root layout 以 <link> 引入——静态文件不经过
 * Tailwind/Lightning/Turbopack 任何构建处理,声明不会被优化器裁剪
 * (globals.css 里同类声明曾被静默丢弃,教训见 DEPLOY.md)。
 * slate 色板整体反转(亮底暗字 ↔ 暗底亮字);--color-white 不动(品牌按钮反白文字保持)。
 * 自管变量(--brand/--brand-hover/--color-surface/--chip-*)的浅色值由 :root(globals.css)
 * 与 <body> 内联 style 提供,此处 !important 覆盖(样式表 important > 非重要内联)。
 */
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
  }
  body {
    --brand: #2e5488 !important;
    --brand-hover: #3c6396 !important;
    --color-surface: #131c2b !important;
    /* 记分牌结果章:深色下底/字成对换(字不再用纯白) */
    --chip-win-bg: #1f5c3f;
    --chip-win-ink: #d8f2e3;
    --chip-lose-bg: #6e2a24;
    --chip-lose-ink: #fadcd7;
    --chip-draw-bg: #6e4f18;
    --chip-draw-ink: #f6e3bb;
    /* slate 色板反转 */
    --color-slate-50: #0c1420;
    --color-slate-100: #16202e;
    --color-slate-200: #2e3f57; /* v1.3.3:深色界线提亮一档,卡片/行轮廓清晰化(2.1) */
    --color-slate-300: #3c4e67;
    --color-slate-400: #7e91ab;
    --color-slate-500: #98a9c0;
    --color-slate-600: #b4c3d7;
    --color-slate-700: #cdd8e6;
    --color-slate-800: #e3ebf5;
    --color-slate-900: #f3f7fc;
    --color-slate-950: #ffffff;
    /* 墨蓝阶:600 与 --brand 同值(#2e5488,白字对比 7.7:1,DESIGN.md §2 契约),
       消除深色下「侧栏/日期块 vs 主按钮」双蓝;500 提亮作链接文字色 */
    --color-indigo-50: #172841;
    --color-indigo-100: #1e3252;
    --color-indigo-200: #34517e;
    --color-indigo-500: #8fa9c9;
    --color-indigo-600: #2e5488;
    --color-indigo-700: #9db8da;
    /* 徽章与状态色(50=底/200=描边/600·700=文字):深色下反转为暗底亮字 */
    --color-emerald-50: #0e2e21;
    --color-emerald-200: #1f5c41;
    --color-emerald-700: #7fcfa6;
    --color-rose-50: #331512;
    --color-rose-100: #471d19;
    --color-rose-200: #7e332a;
    --color-rose-400: #f0968c;
    --color-rose-600: #ec8a80;
    --color-rose-700: #f2aca3;
    --color-amber-50: #33270f;
    --color-amber-200: #7a5c20;
    --color-amber-700: #e0b45f;
    --color-sky-50: #0f2434;
    --color-sky-200: #1e5171;
    --color-sky-700: #8fc2e2;
  }
}

/*
 * 手动主题(v0.15.0 个人中心三选一):localStorage 记忆,root layout 的预加载
 * 脚本在绘制前给 <html> 加 theme-dark / theme-light 类。
 * - theme-dark:手动深色(与上方系统深色同值,类选择器优先级更高,系统浅色时也强制深);
 * - theme-light:手动浅色——需把全部被覆盖变量按浅色原值重声明一遍,以更高
 *   优先级(html.theme-light body,0-1-1 > @media 内 body,0-0-1)压过系统深色。
 */
html.theme-dark {
  color-scheme: dark;
}
html.theme-light {
  color-scheme: light;
}
html.theme-dark body {
  --brand: #2e5488 !important;
  --brand-hover: #3c6396 !important;
  --color-surface: #131c2b !important;
  --chip-win-bg: #1f5c3f;
  --chip-win-ink: #d8f2e3;
  --chip-lose-bg: #6e2a24;
  --chip-lose-ink: #fadcd7;
  --chip-draw-bg: #6e4f18;
  --chip-draw-ink: #f6e3bb;
  --color-slate-50: #0c1420;
  --color-slate-100: #16202e;
  --color-slate-200: #2e3f57;
  --color-slate-300: #3c4e67;
  --color-slate-400: #7e91ab;
  --color-slate-500: #98a9c0;
  --color-slate-600: #b4c3d7;
  --color-slate-700: #cdd8e6;
  --color-slate-800: #e3ebf5;
  --color-slate-900: #f3f7fc;
  --color-slate-950: #ffffff;
  --color-indigo-50: #172841;
  --color-indigo-100: #1e3252;
  --color-indigo-200: #34517e;
  --color-indigo-500: #8fa9c9;
  --color-indigo-600: #2e5488;
  --color-indigo-700: #9db8da;
  --color-emerald-50: #0e2e21;
  --color-emerald-200: #1f5c41;
  --color-emerald-700: #7fcfa6;
  --color-rose-50: #331512;
  --color-rose-100: #471d19;
  --color-rose-200: #7e332a;
  --color-rose-400: #f0968c;
  --color-rose-600: #ec8a80;
  --color-rose-700: #f2aca3;
  --color-amber-50: #33270f;
  --color-amber-200: #7a5c20;
  --color-amber-700: #e0b45f;
  --color-sky-50: #0f2434;
  --color-sky-200: #1e5171;
  --color-sky-700: #8fc2e2;
}
html.theme-light body {
  --brand: #1d3a5f !important;
  --brand-hover: #16304f !important;
  --color-surface: #ffffff !important;
  --chip-win-bg: #1c6b45;
  --chip-win-ink: #ffffff;
  --chip-lose-bg: #b3443a;
  --chip-lose-ink: #ffffff;
  --chip-draw-bg: #9a6b1f;
  --chip-draw-ink: #ffffff;
  --color-slate-50: #f4f6f9;
  --color-slate-100: #e9edf3;
  --color-slate-200: #c8d3e0;
  --color-slate-300: #b6c3d2;
  --color-slate-400: #8396ab;
  --color-slate-500: #5b6e85;
  --color-slate-600: #47596e;
  --color-slate-700: #32455c;
  --color-slate-800: #213349;
  --color-slate-900: #111f33;
  --color-slate-950: #0a1424;
  --color-indigo-50: #e9eef5;
  --color-indigo-100: #d6dfec;
  --color-indigo-200: #adc0d8;
  --color-indigo-500: #47698f;
  --color-indigo-600: #1d3a5f;
  --color-indigo-700: #16304f;
  --color-emerald-50: #e6f2ea;
  --color-emerald-200: #a8d2b9;
  --color-emerald-700: #226847;
  --color-rose-50: #f9ece9;
  --color-rose-100: #f3dad5;
  --color-rose-200: #e5b3aa;
  --color-rose-400: #fb7185;
  --color-rose-600: #e11d48;
  --color-rose-700: #a63d2f;
  --color-amber-50: #f8f0df;
  --color-amber-200: #ddbe8b;
  --color-amber-700: #8a601f;
  --color-sky-50: #e9f1f7;
  --color-sky-200: #aecbdf;
  --color-sky-700: #25618f;
}

/*
 * 主题表达层 · 深色组合(v1.3.0):data-ui-theme 与深色正交时的微调。
 * 结构性表达(宋体/直角/双细线/DIN 数字/表头深板/琥珀刻线)由 globals.css
 * 主题块单条规则覆盖六态;此处只补「深色下需要不同取值」的少数表面。
 * 带 body 前缀抬高优先级,不依赖本文件与 globals.css 的加载顺序。
 */

/*
 * 主题浅色色板让位块(v1.3.0 修复):globals.css 主题块以 (0,1,2) 重映射
 * slate/indigo 浅色值,而本文件深色反转只有 (0,0,1) 且不带 !important——
 * specificity 更高的主题浅色值会漏进深色,造成「浅地面+深卡片」破碎混合态。
 * 此处以 (0,2,2)(html:root / .theme-dark 双路)把深色基线色板钉回,
 * 不依赖文件加载顺序;系统深色路带 :not(.theme-light)——用户手动选浅色时
 * 必须让位给 html.theme-light body(v1.3.1 修复:否则 (0,2,2) 压过 (0,1,2),
 * 手动浅色被强套深色盘)。主题在深色下只保留结构性表达(字体/框线/直角/深板)。
 * 覆盖范围=主题块可能触碰的全部变量(slate 全阶 + indigo 全阶);
 * 记分牌 --night-* 为深浅同值常量,有意不钉。
 */
@media (prefers-color-scheme: dark) {
  html:root[data-ui-theme]:not(.theme-light) body {
    --color-slate-50: #0c1420;
    --color-slate-100: #16202e;
    --color-slate-200: #2e3f57; /* v1.3.3:深色界线提亮一档,卡片/行轮廓清晰化(2.1) */
    --color-slate-300: #3c4e67;
    --color-slate-400: #7e91ab;
    --color-slate-500: #98a9c0;
    --color-slate-600: #b4c3d7;
    --color-slate-700: #cdd8e6;
    --color-slate-800: #e3ebf5;
    --color-slate-900: #f3f7fc;
    --color-slate-950: #ffffff;
    --color-indigo-50: #172841;
    --color-indigo-100: #1e3252;
    --color-indigo-200: #34517e;
    --color-indigo-500: #8fa9c9;
    --color-indigo-600: #2e5488;
    --color-indigo-700: #9db8da;
  }
}
html.theme-dark[data-ui-theme] body {
  --color-slate-50: #0c1420;
  --color-slate-100: #16202e;
  --color-slate-200: #2e3f57;
  --color-slate-300: #3c4e67;
  --color-slate-400: #7e91ab;
  --color-slate-500: #98a9c0;
  --color-slate-600: #b4c3d7;
  --color-slate-700: #cdd8e6;
  --color-slate-800: #e3ebf5;
  --color-slate-900: #f3f7fc;
  --color-slate-950: #ffffff;
  --color-indigo-50: #172841;
  --color-indigo-100: #1e3252;
  --color-indigo-200: #34517e;
  --color-indigo-500: #8fa9c9;
  --color-indigo-600: #2e5488;
  --color-indigo-700: #9db8da;
}

/*
 * 记分牌「夜场深处」(v1.3.4):深色下比基线深色再黑一档——对阵板深色是
 * #0c1420 夜,记分牌深色是 #070d15 夜场深处,两块夜要能分出谁更深;
 * LED 琥珀同步提亮。置于上方让位块之后,同优先级靠顺序取胜。
 */
@media (prefers-color-scheme: dark) {
  html:root[data-ui-theme="scoreboard"]:not(.theme-light) body {
    --color-slate-50: #070d15;
    --color-slate-100: #0d1520;
    --color-slate-200: #253750;
    --color-slate-300: #31435c;
    --color-slate-400: #6d8098;
    --color-slate-500: #8ba0b8;
    --color-slate-600: #a9bcd2;
    --color-slate-700: #c6d3e3;
    --color-slate-800: #dde7f2;
    --color-slate-900: #eef4fb;
    --color-slate-950: #ffffff;
    --color-indigo-50: #101d30;
    --color-indigo-100: #16283f;
    --color-indigo-200: #2b456c;
    --color-indigo-500: #86a3c6;
    --color-indigo-600: #2e5488;
    --color-indigo-700: #a5bedd;
    --led: #e0b45f;
    --color-surface: #0e1622 !important;
  }
}
html.theme-dark[data-ui-theme="scoreboard"] body {
  --color-slate-50: #070d15;
  --color-slate-100: #0d1520;
  --color-slate-200: #1d2a3c;
  --color-slate-300: #31435c;
  --color-slate-400: #6d8098;
  --color-slate-500: #8ba0b8;
  --color-slate-600: #a9bcd2;
  --color-slate-700: #c6d3e3;
  --color-slate-800: #dde7f2;
  --color-slate-900: #eef4fb;
  --color-slate-950: #ffffff;
  --color-indigo-50: #101d30;
  --color-indigo-100: #16283f;
  --color-indigo-200: #2b456c;
  --color-indigo-500: #86a3c6;
  --color-indigo-600: #2e5488;
  --color-indigo-700: #a5bedd;
  --led: #e0b45f;
  --color-surface: #0e1622 !important;
}

/*
 * 秩序册「夜印张」(v1.3.1):深色下的暖暗纸世界——暗暖纸地面、暖墨线、
 * 暖白文字,宋体/直角/无卡化等结构性表达由 globals.css 主题块自动沿用。
 * 选择器与上方让位块同优先级,靠源顺序靠后取胜;--color-surface 需
 * !important 压过基线深色块(表单卡/输入框/浮层随暖)。indigo 不动
 * (墨蓝只做小记号)。
 */
@media (prefers-color-scheme: dark) {
  html:root[data-ui-theme="program"]:not(.theme-light) body {
    --color-slate-50: #1a1a18;
    --color-slate-100: #24231f;
    --color-slate-200: #48453a;
    --color-slate-300: #4a473d;
    --color-slate-400: #8a8574;
    --color-slate-500: #a39d8b;
    --color-slate-600: #bfb9a7;
    --color-slate-700: #d4cec0;
    --color-slate-800: #e2dccb;
    --color-slate-900: #e8e4dc;
    --color-slate-950: #f4f0e2;
    --color-surface: #211f1b !important;
  }
}
html.theme-dark[data-ui-theme="program"] body {
  --color-slate-50: #1a1a18;
  --color-slate-100: #24231f;
  --color-slate-200: #3a3830;
  --color-slate-300: #4a473d;
  --color-slate-400: #8a8574;
  --color-slate-500: #a39d8b;
  --color-slate-600: #bfb9a7;
  --color-slate-700: #d4cec0;
  --color-slate-800: #e2dccb;
  --color-slate-900: #e8e4dc;
  --color-slate-950: #f4f0e2;
  --color-surface: #211f1b !important;
}