@import "../fonts/editorial/fonts.css";
@import "../fonts/mobile/fonts.css";
@import "../fonts/reports/serif.css";

/* One palette and type system for Next pages and the standalone chart iframe.
   Glyphs come from our existing OFL subset, not Skyscript's commercial fonts. */
/* 日间色板 2026-10-11 改暖：10-10 那版照 Skyscript 取了灰底 #f4f4f4 和钢蓝 #3f5e74，
   底、线、悬停色全带蓝灰，Steven 嫌冷。现在是纸色底、暖墨、深古铜强调。
   强调色不用陶土：星盘里它和红色相位线、火象星座抢，轴线也会被读成凶相位。 */
@font-face {
  font-family: "StarCue Symbols";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/starcue-symbols.woff2?v=20260817a") format("woff2");
  unicode-range: U+211E,U+2220,U+2225-2226,U+2297,U+22BC,U+25A1,U+25B3,U+2609-260D,U+263D-2653,U+26B3-26BC,U+2731,U+2736,U+29A3,U+2BD3,U+2BE0-2BE7;
}

:root {
  color-scheme: light;
  --site-page: #f4f0e8;
  --site-surface: #faf7f1;
  --site-raised: #fdfbf6;
  --site-subtle: #eee8db;
  --site-hover: #e8e0cf;
  --site-rule: #dcd3c0;
  --site-rule-strong: #b8ab92;
  --site-ink: #2a2724;
  --site-dim: #5c554c;
  --site-muted: #6e665b;
  --site-accent: #6a5433;
  --site-accent-hover: #523f22;
  --site-on-accent: #ffffff;
  --site-accent-rgb: 106 84 51;
  --site-gold: #7c6843;
  --site-gold-soft: #ece3d0;
  --site-ring: #efe9dc;
  --site-ring-line: #b3a68c;
  /* 盘面专用（Steven 2026-10-12：星盘本体用暖色，不跟界面的强调色走）。
     axis＝上升、中天那四条轴线，四角 AC／MC 小牌的底和边；表格里的 AC／MC、时间线上的「今」这些小字也用它。
     陶土色：他当天在原来的赤陶 #cc785c 和这支陶土之间选了陶土。比赤陶深一档，用它的小字才够得上 4.5:1。
     line＝圆环和外圈宫头度数的暖灰；divider＝星座分隔线和中心点；minor＝次要相位线，这三个是 10 月 10 日
     统一配色之前的原值。夜间和黑白两套保持统一配色后的样子。 */
  --site-wheel-axis: #9a4f36;
  --site-wheel-axis-rgb: 154 79 54;
  --site-wheel-line: #5c5752;
  --site-wheel-divider: #6b6863;
  --site-wheel-minor: #8a857e;
  /* 色块与金线（2026-10-12）：页头那种深青底、压在它上面的字、纸面上的深青字、装饰用的古金细线。
     主按钮和选中的图标用色块，不用上面的古铜强调色：古铜留给星盘里的轴线和选中态，两者不抢。 */
  --site-plate: #2c3e45;
  --site-plate-deep: #22323a;
  --site-on-plate: #ede6d6;
  --site-on-plate-accent: #e4ad8d;
  --site-plate-ink: #2f454c;
  --site-gold-line: #c9ae80;
  --site-gold-line-rgb: 201 174 128;
  /* 版画色块（2026-10-12 第二轮）：报告商城的页头、页脚和大色块自带底色，日间夜间都是这一组，不跟着翻。
     所以压在它们上面的字不能用上面的 --site-on-plate（夜间那个会变成深色）。
     陶土是商城的主推色：色块和主按钮用 --site-clay；落在纸面上的陶土字用 --site-clay-ink，夜间换浅色。
     --site-gold-type 是题签的金字，对比度只够大字，只用在 24px 以上。 */
  --site-engrave: #22323a;
  --site-engrave-hi: #2f434a;
  --site-engrave-lo: #1b282e;
  --site-on-engrave: #ede6d6;
  --site-on-engrave-dim: #b9b3a4;
  --site-on-engrave-gold: #dccba6;
  --site-on-engrave-gold-rgb: 220 203 166;
  --site-on-engrave-accent: #e4ad8d;
  --site-clay: #9a4f36;
  --site-clay-deep: #733f2e;
  --site-on-clay: #f6f1e6;
  --site-on-clay-gold: #f3e4c8;
  --site-clay-ink: #9a4f36;
  --site-gold-type: #8e7850;
  /* 印在纸上的东西（封面、圆形画心）：画是深色线条印在浅纸上的，夜间也得是纸色，不然画就看不见了 */
  --site-print: #fbf8f1;
  --site-print-edge: #e4dccb;
  --site-print-ink: #2a2724;
  --site-danger: #a43d37;
  --site-success: #3f705b;
  --site-warning: #806124;
  --site-font-sans: "StarCue Symbols", "Mulish", "Zizai UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --site-font-serif: "StarCue Symbols", "Petrona", "Zizai Report Serif", "Songti SC", "SimSun", Georgia, serif;
  --site-font-symbols: "StarCue Symbols", "Noto Sans Symbols 2", "Noto Sans Symbols", "Segoe UI Symbol", "Apple Symbols", serif;
  --site-font-brand: "Allura", "Brush Script MT", cursive;
  --site-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

/* 夜间：照 AstroGold 的深色盘取色（Steven 2026-10-12 夜给的截图，逐点量的）。
   2026-10-10 那一版是冷的蓝黑（页面 #141d26、强调色 #a8c7dc），他说「现在是冷蓝色了，不要」。
   AstroGold 那张图里：页面底 #12120f（带一点暖的近黑）、盘面 #33322f、顶栏 #4a3e18（橄榄金）、
   底栏 #191919、盘上的线 #c3b995（淡卡其金）、次一级的线 #7b7561、字是白的。
   这里的卡片、分隔线、强调色都从这几支颜色里长出来，没有一支偏蓝。盘上星体和星座的颜色在 chart.css 的夜间那一节。 */
html[data-chart-theme="night"],
html[data-theme="night"] {
  color-scheme: dark;
  --site-page: #12120f;
  --site-surface: #1c1b18;
  --site-raised: #272622;
  --site-subtle: #23221f;
  --site-hover: #33322f;
  --site-rule: #45423a;
  --site-rule-strong: #7b7561;
  --site-ink: #f4f3ee;
  --site-dim: #d2cfc3;
  --site-muted: #a59e89;
  --site-accent: #d9c289;
  --site-accent-hover: #ebd9aa;
  --site-on-accent: #1a170c;
  --site-accent-rgb: 217 194 137;
  --site-gold: #c3b995;
  --site-gold-soft: #3a3116;
  --site-ring: #33322f;
  --site-ring-line: #c3b995;
  --site-wheel-axis: #c3b995;
  --site-wheel-axis-rgb: 195 185 149;
  --site-wheel-line: #c3b995;
  --site-wheel-divider: #c3b995;
  --site-wheel-minor: #8f8a74;
  /* 主按钮、选中的圆章用 AstroGold 顶栏那支橄榄金，上面压浅金的字；细线按钮上的字用浅卡其 */
  --site-plate: #4a3e18;
  --site-plate-deep: #5c4d1f;
  --site-on-plate: #f4ecd2;
  --site-on-plate-accent: #ebd9aa;
  --site-plate-ink: #ddd3b4;
  --site-gold-line: #7b7561;
  --site-gold-line-rgb: 123 117 97;
  --site-clay-ink: #e4ad8d;
  --site-gold-type: #c7b58e;
  --site-danger: #ef8784;
  --site-success: #a0ccb6;
  --site-warning: #d9c48e;
}

/* The chart's monochrome selection must also neutralize the surrounding UI. */
html[data-chart-mono="1"],
html:has(body[data-wheel-template="mono"]) {
  --site-page: #f4f4f4;
  --site-surface: #fcfcfc;
  --site-raised: #ffffff;
  --site-subtle: #ededed;
  --site-hover: #e6e6e6;
  --site-rule: #d5d5d5;
  --site-rule-strong: #b0b0b0;
  --site-ink: #292929;
  --site-dim: #505050;
  --site-muted: #656565;
  --site-accent: #333333;
  --site-accent-hover: #1c1c1c;
  --site-on-accent: #ffffff;
  --site-accent-rgb: 51 51 51;
  --site-gold: #656565;
  --site-gold-soft: #e8e8e8;
  --site-ring: #e8e8e8;
  --site-ring-line: #a0a0a0;
  --site-wheel-axis: #333333;
  --site-wheel-axis-rgb: 51 51 51;
  --site-wheel-line: #656565;
  --site-wheel-divider: #505050;
  --site-wheel-minor: #656565;
  --site-plate: #333333;
  --site-plate-deep: #1c1c1c;
  --site-on-plate: #ffffff;
  --site-on-plate-accent: #ffffff;
  --site-plate-ink: #333333;
  --site-gold-line: #b0b0b0;
  --site-gold-line-rgb: 176 176 176;
}
html[data-chart-theme="night"][data-chart-mono="1"],
html[data-theme="night"]:has(body[data-wheel-template="mono"]) {
  --site-page: #161616;
  --site-surface: #202020;
  --site-raised: #292929;
  --site-subtle: #303030;
  --site-hover: #383838;
  --site-rule: #4b4b4b;
  --site-rule-strong: #737373;
  --site-ink: #e8e8e8;
  --site-dim: #c5c5c5;
  --site-muted: #afafaf;
  --site-accent: #d5d5d5;
  --site-accent-hover: #ffffff;
  --site-on-accent: #202020;
  --site-accent-rgb: 213 213 213;
  --site-gold: #bbbbbb;
  --site-gold-soft: #343434;
  --site-ring: #2d2d2d;
  --site-ring-line: #808080;
  --site-wheel-axis: #d5d5d5;
  --site-wheel-axis-rgb: 213 213 213;
  --site-wheel-line: #afafaf;
  --site-wheel-divider: #c5c5c5;
  --site-wheel-minor: #afafaf;
  --site-plate: #d5d5d5;
  --site-plate-deep: #ffffff;
  --site-on-plate: #202020;
  --site-on-plate-accent: #202020;
  --site-plate-ink: #e8e8e8;
  --site-gold-line: #737373;
  --site-gold-line-rgb: 115 115 115;
}