/*
 * 慢记官网探索稿 · 语义 token
 * 由 shared/gen-tokens.js 从 apps/mobile/src/theme/tokens.ts 的运行时值生成（node shared/gen-tokens.js shared）；
 * 页面只用 var(--token)，不写颜色字面量（AGENTS.md / design.md §2.2）。
 * 跟随系统深浅色；?theme=light|dark 用 data-theme 覆盖，只供对比板预览。
 */
:root, [data-theme="light"] {
  color-scheme: light;
  --canvas: #F3F7FA;
  --plain-canvas: #EEF2F3;
  --canvas-elevated: #E8F0F5;
  --mist-base: #DEEBF3;
  --mist-mid: #EFF5F8;
  --mist-end: #F5F8FA;
  --mist-orb-ice: rgba(94,172,255,0.20);
  --mist-orb-mint: rgba(42,214,160,0.12);
  --ink: #2E4257;
  --ink-muted: #66727F;
  --glass: rgba(255,255,255,0.68);
  --glass-strong: rgba(255,255,255,0.88);
  --glass-chrome: rgba(255,255,255,0.95);
  --glass-card-tint: rgba(255,255,255,0.60);
  --glass-card-border: rgba(71,105,126,0.20);
  --glass-fallback: #F8FBFD;
  --glass-fallback-strong: #FFFFFF;
  --glass-stroke: rgba(255,255,255,0.92);
  --glass-contact-shadow: rgba(86,110,180,0.22);
  --tab-selection-surface: rgba(0,0,0,0.055);
  --divider: rgba(54,76,92,0.14);
  --stamp-edge: rgba(54,76,92,0.26);
  --accent: #2AD6A0;
  --accent-strong: #087F68;
  --accent-soft: #DDF8EF;
  --on-accent: #FFFFFF;
  --ice: #68B8FF;
  --ice-deep: #226BA6;
  --ice-soft: #E5F3FF;
  --ice-shadow: #1A4F85;
  --violet: #9A8CFF;
  --violet-soft: #EFECFF;
  --violet-muted: #6E63C4;
  --coral: #DC6D75;
  --coral-soft: #FBE8EC;
  --orange: #EE8A3B;
  --orange-deep: #BC5C10;
  --orange-soft: #FBEBDD;
  --cream-yellow: #F3C969;
  --amber: #B7791F;
  --amber-soft: #F8E8C7;
  --meditation-primary: #4F9D94;
  --meditation-strong: #286966;
  --meditation-soft: #E0EFEC;
  --meditation-secondary: #536A84;
  --countdown-primary: #B95C82;
  --countdown-strong: #813C5F;
  --countdown-soft: #F5E5ED;
  --growth-orbit-track: #A8D6CB;
  --medal-bead: #F2683A;
  --modal-backdrop: rgba(16,24,32,0.26);
  --device-frame-a: #2A323B;
  --device-frame-b: #0B0F14;
  --device-island: #040608;
  --brand-field-a: #AE9FFB;
  --brand-field-b: #7DC8F9;
  --brand-ring-outer: #3FCEF1;
  --brand-ring-inner: #7EE3D1;
  --brand-core: #FF8E5D;
  --brand-bead: #FF5D2C;
  --sprout-leaf: #3CCB9C;
  --sprout-edge: #0E8A6C;
  --sprout-shine: #FFFFFF;
  --sprout-shine-opacity: 0.6;
  --sprout-shadow-opacity: 0.15;
  --sprout-rim-opacity: 0.22;
  --sprout-blush-opacity: 0.26;
  --mood1-face: #C9D6E6;
  --mood1-feature: #4F6683;
  --mood1-soft: #E6EDF5;
  --mood1-glaze-hi: #eaeff6;
  --mood1-glaze-edge: #b5c4d6;
  --mood1-blush: #7b677d;
  --mood1-tongue: #8698b0;
  --mood1-glint: #FFFFFF;
  --mood1-shadow: #4F6683;
  --mood2-face: #D9D2F4;
  --mood2-feature: #5F53A8;
  --mood2-soft: #EFECFB;
  --mood2-glaze-hi: #f1eefb;
  --mood2-glaze-edge: #c5bee8;
  --mood2-blush: #875999;
  --mood2-tongue: #968cca;
  --mood2-glint: #FFFFFF;
  --mood2-shadow: #5F53A8;
  --mood3-face: #BFE6DD;
  --mood3-feature: #22706A;
  --mood3-soft: #DEF2EE;
  --mood3-glaze-hi: #e7f6f2;
  --mood3-glaze-edge: #a6d3cb;
  --mood3-blush: #596f6a;
  --mood3-tongue: #69a59e;
  --mood3-glint: #FFFFFF;
  --mood3-shadow: #22706A;
  --mood4-face: #F7DE9C;
  --mood4-feature: #8A5A0C;
  --mood4-soft: #FCF1D6;
  --mood4-glaze-hi: #fcf2d9;
  --mood4-glaze-edge: #e6c985;
  --mood4-blush: #a75e24;
  --mood4-tongue: #bb954d;
  --mood4-glint: #FFFFFF;
  --mood4-shadow: #8A5A0C;
  --mood5-face: #F6C3C7;
  --mood5-feature: #A8404D;
  --mood5-soft: #FBE5E8;
  --mood5-glaze-hi: #fce8ea;
  --mood5-glaze-edge: #eaaeb3;
  --mood5-blush: #be4b55;
  --mood5-tongue: #cb7b84;
  --mood5-glint: #FFFFFF;
  --mood5-shadow: #A8404D;
  --medal-mint-deep: #0E8A6C;
  --medal-mint-mid: #3CCB9C;
  --medal-mint-tint: #BDEFD9;
  --medal-mint-surface: #E8FAF3;
  --medal-mint-frame-a: #FFFFFF;
  --medal-mint-frame-b: #BDEFD9;
  --medal-mint-disc-a: #FFFFFF;
  --medal-mint-disc-b: #E8FAF3;
  --medal-mint-rim: rgba(255,255,255,0.95);
  --medal-mint-ring: #3CCB9C;
  --medal-mint-cloison: rgba(255,255,255,0.9);
  --medal-ice-deep: #226BA6;
  --medal-ice-mid: #5BAEF5;
  --medal-ice-tint: #CBE6FF;
  --medal-ice-surface: #EFF7FF;
  --medal-ice-frame-a: #FFFFFF;
  --medal-ice-frame-b: #CBE6FF;
  --medal-ice-disc-a: #FFFFFF;
  --medal-ice-disc-b: #EFF7FF;
  --medal-ice-rim: rgba(255,255,255,0.95);
  --medal-ice-ring: #5BAEF5;
  --medal-ice-cloison: rgba(255,255,255,0.9);
  --medal-orange-deep: #BC5C10;
  --medal-orange-mid: #F08F45;
  --medal-orange-tint: #F9D7BB;
  --medal-orange-surface: #FEF3E9;
  --medal-orange-frame-a: #FFFFFF;
  --medal-orange-frame-b: #F9D7BB;
  --medal-orange-disc-a: #FFFFFF;
  --medal-orange-disc-b: #FEF3E9;
  --medal-orange-rim: rgba(255,255,255,0.95);
  --medal-orange-ring: #F08F45;
  --medal-orange-cloison: rgba(255,255,255,0.9);
  --medal-celadon-deep: #286966;
  --medal-celadon-mid: #56A79D;
  --medal-celadon-tint: #C6E3DD;
  --medal-celadon-surface: #EDF7F4;
  --medal-celadon-frame-a: #FFFFFF;
  --medal-celadon-frame-b: #C6E3DD;
  --medal-celadon-disc-a: #FFFFFF;
  --medal-celadon-disc-b: #EDF7F4;
  --medal-celadon-rim: rgba(255,255,255,0.95);
  --medal-celadon-ring: #56A79D;
  --medal-celadon-cloison: rgba(255,255,255,0.9);
  --medal-amber-deep: #9A6414;
  --medal-amber-mid: #E6AE45;
  --medal-amber-tint: #F4DDA8;
  --medal-amber-surface: #FDF6E4;
  --medal-amber-frame-a: #FFFFFF;
  --medal-amber-frame-b: #F4DDA8;
  --medal-amber-disc-a: #FFFFFF;
  --medal-amber-disc-b: #FDF6E4;
  --medal-amber-rim: rgba(255,255,255,0.95);
  --medal-amber-ring: #E6AE45;
  --medal-amber-cloison: rgba(255,255,255,0.9);
  --medal-violet-deep: #5F55B8;
  --medal-violet-mid: #9A8CFF;
  --medal-violet-tint: #DDD7FF;
  --medal-violet-surface: #F5F3FF;
  --medal-violet-frame-a: #FFFFFF;
  --medal-violet-frame-b: #DDD7FF;
  --medal-violet-disc-a: #FFFFFF;
  --medal-violet-disc-b: #F5F3FF;
  --medal-violet-rim: rgba(255,255,255,0.95);
  --medal-violet-ring: #9A8CFF;
  --medal-violet-cloison: rgba(255,255,255,0.9);
  --medal-coral-deep: #B94A57;
  --medal-coral-mid: #EF8890;
  --medal-coral-tint: #F7D0D5;
  --medal-coral-surface: #FEF1F3;
  --medal-coral-frame-a: #FFFFFF;
  --medal-coral-frame-b: #F7D0D5;
  --medal-coral-disc-a: #FFFFFF;
  --medal-coral-disc-b: #FEF1F3;
  --medal-coral-rim: rgba(255,255,255,0.95);
  --medal-coral-ring: #EF8890;
  --medal-coral-cloison: rgba(255,255,255,0.9);
  --medal-highlight: #FFFFFF;
  --medal-glint: rgba(255,255,255,0.75);
  --medal-shadow: rgba(54,80,100,0.14);
  --medal-mod-study: #5BAEF5;
  --medal-mod-fitness: #F08F45;
  --medal-mod-billing: #9A8CFF;
  --medal-mod-meditation: #56A79D;
  --medal-mod-mood: #EF8890;
  --medal-mod-sun: #F2C14E;
  --sky-dawn-ink: #FFFFFF;
  --sky-dawn-ink-muted: rgba(255,255,255,0.84);
  --sky-dawn-horizon-deep: #8E9CCB;
  --sky-dawn-horizon-light: #DCE3F2;
  --sky-dawn-scrim-1: rgba(7,16,24,0.38);
  --sky-dawn-scrim-2: rgba(7,16,24,0.22);
  --sky-dawn-scrim-3: rgba(7,16,24,0.04);
  --sky-dawn-solid: #A9C7D7;
  --sky-noon-ink: #163A40;
  --sky-noon-ink-muted: #42666B;
  --sky-noon-horizon-deep: #A3C3E2;
  --sky-noon-horizon-light: #DFEBF6;
  --sky-noon-scrim-1: rgba(255,255,255,0.28);
  --sky-noon-scrim-2: rgba(255,255,255,0.14);
  --sky-noon-scrim-3: rgba(255,255,255,0);
  --sky-noon-solid: #83BDD0;
  --sky-dusk-ink: #FFF9F6;
  --sky-dusk-ink-muted: rgba(255,249,246,0.84);
  --sky-dusk-horizon-deep: #B795AE;
  --sky-dusk-horizon-light: #EFDCDF;
  --sky-dusk-scrim-1: rgba(7,16,24,0.42);
  --sky-dusk-scrim-2: rgba(7,16,24,0.24);
  --sky-dusk-scrim-3: rgba(7,16,24,0.05);
  --sky-dusk-solid: #7F91B7;
  --sky-night-ink: #F2F3E9;
  --sky-night-ink-muted: #D0D6D4;
  --sky-night-horizon-deep: #6C82B3;
  --sky-night-horizon-light: #CAD6EB;
  --sky-night-scrim-1: rgba(7,16,24,0.50);
  --sky-night-scrim-2: rgba(7,16,24,0.34);
  --sky-night-scrim-3: rgba(7,16,24,0.12);
  --sky-night-solid: #24354F;
}
:root:not([data-theme]) { color-scheme: light dark; }

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --canvas: #071018;
    --plain-canvas: #071018;
    --canvas-elevated: #0B1620;
    --mist-base: #060E17;
    --mist-mid: #0A1522;
    --mist-end: #08121E;
    --mist-orb-ice: rgba(68,130,240,0.22);
    --mist-orb-mint: rgba(42,214,160,0.14);
    --ink: #F3F8FA;
    --ink-muted: #98A8B5;
    --glass: rgba(14,27,38,0.72);
    --glass-strong: rgba(18,33,45,0.90);
    --glass-chrome: rgba(13,21,30,0.92);
    --glass-card-tint: rgba(18,33,45,0.62);
    --glass-card-border: rgba(255,255,255,0.14);
    --glass-fallback: #111F2A;
    --glass-fallback-strong: #162734;
    --glass-stroke: rgba(202,235,247,0.16);
    --glass-contact-shadow: rgba(10,18,48,0.55);
    --tab-selection-surface: rgba(255,255,255,0.12);
    --divider: rgba(184,213,224,0.14);
    --stamp-edge: rgba(184,213,224,0.32);
    --accent: #36E1AD;
    --accent-strong: #1AA980;
    --accent-soft: #12382F;
    --on-accent: #04110D;
    --ice: #76C5FF;
    --ice-deep: #76C5FF;
    --ice-soft: #132C3D;
    --ice-shadow: #123A63;
    --violet: #AD9DFF;
    --violet-soft: #292541;
    --violet-muted: #8378D6;
    --coral: #FF8F98;
    --coral-soft: #3A2028;
    --orange: #FFAA61;
    --orange-deep: #FFAA61;
    --orange-soft: #35271C;
    --cream-yellow: #FFD978;
    --amber: #FFC45B;
    --amber-soft: #382B16;
    --meditation-primary: #78C7BC;
    --meditation-strong: #66B7AE;
    --meditation-soft: #123531;
    --meditation-secondary: #8EA8C2;
    --countdown-primary: #F08FB3;
    --countdown-strong: #D8759B;
    --countdown-soft: #3D2130;
    --growth-orbit-track: #397969;
    --medal-bead: #FF7A4A;
    --modal-backdrop: rgba(0,4,8,0.62);
    --device-frame-a: #39424D;
    --device-frame-b: #12171D;
    --device-island: #040608;
    --brand-field-a: #102245;
    --brand-field-b: #021229;
    --brand-ring-outer: #3B86D1;
    --brand-ring-inner: #2E9C8A;
    --brand-core: #F2552A;
    --brand-bead: #FB441D;
    --sprout-leaf: #2FD3A2;
    --sprout-edge: #8CEFCB;
    --sprout-shine: #FFFFFF;
    --sprout-shine-opacity: 0.14;
    --sprout-shadow-opacity: 0.4;
    --sprout-rim-opacity: 0.35;
    --sprout-blush-opacity: 0.22;
    --mood1-face: #34465D;
    --mood1-feature: #C9D6E6;
    --mood1-soft: #1B2838;
    --mood1-glaze-hi: #617186;
    --mood1-glaze-edge: #293749;
    --mood1-blush: #C9D6E6;
    --mood1-tongue: #677486;
    --mood1-glint: #34465D;
    --mood1-shadow: #000000;
    --mood2-face: #3E3770;
    --mood2-feature: #DAD3F7;
    --mood2-soft: #25213F;
    --mood2-glaze-hi: #6d6699;
    --mood2-glaze-edge: #302b57;
    --mood2-blush: #DAD3F7;
    --mood2-tongue: #6e6994;
    --mood2-glint: #3E3770;
    --mood2-shadow: #000000;
    --mood3-face: #1D524C;
    --mood3-feature: #BDEBE1;
    --mood3-soft: #123530;
    --mood3-glaze-hi: #4d8079;
    --mood3-glaze-edge: #17403b;
    --mood3-blush: #BDEBE1;
    --mood3-tongue: #567d79;
    --mood3-glint: #1D524C;
    --mood3-shadow: #000000;
    --mood4-face: #5E4A1C;
    --mood4-feature: #F8DFA0;
    --mood4-soft: #332A16;
    --mood4-glaze-hi: #8c7744;
    --mood4-glaze-edge: #493a16;
    --mood4-blush: #F8DFA0;
    --mood4-tongue: #867755;
    --mood4-glint: #5E4A1C;
    --mood4-shadow: #000000;
    --mood5-face: #6A3039;
    --mood5-feature: #F8C6CB;
    --mood5-soft: #3A2026;
    --mood5-glaze-hi: #955d65;
    --mood5-glaze-edge: #53252c;
    --mood5-blush: #F8C6CB;
    --mood5-tongue: #8f646b;
    --mood5-glint: #6A3039;
    --mood5-shadow: #000000;
    --medal-mint-deep: #2FD3A2;
    --medal-mint-mid: #8CEFCB;
    --medal-mint-tint: #1F5C4C;
    --medal-mint-surface: #153E34;
    --medal-mint-frame-a: #1F5C4C;
    --medal-mint-frame-b: #0B231D;
    --medal-mint-disc-a: #1F5C4C;
    --medal-mint-disc-b: #153E34;
    --medal-mint-rim: #1F5C4C;
    --medal-mint-ring: #2FD3A2;
    --medal-mint-cloison: #0B231D;
    --medal-ice-deep: #6FBDFF;
    --medal-ice-mid: #B0DCFF;
    --medal-ice-tint: #24486B;
    --medal-ice-surface: #16324D;
    --medal-ice-frame-a: #24486B;
    --medal-ice-frame-b: #0B1C2D;
    --medal-ice-disc-a: #24486B;
    --medal-ice-disc-b: #16324D;
    --medal-ice-rim: #24486B;
    --medal-ice-ring: #6FBDFF;
    --medal-ice-cloison: #0B1C2D;
    --medal-orange-deep: #FFA25C;
    --medal-orange-mid: #FFCB9F;
    --medal-orange-tint: #6A4024;
    --medal-orange-surface: #3D2919;
    --medal-orange-frame-a: #6A4024;
    --medal-orange-frame-b: #22160D;
    --medal-orange-disc-a: #6A4024;
    --medal-orange-disc-b: #3D2919;
    --medal-orange-rim: #6A4024;
    --medal-orange-ring: #FFA25C;
    --medal-orange-cloison: #22160D;
    --medal-celadon-deep: #6CC4B8;
    --medal-celadon-mid: #AAE4DB;
    --medal-celadon-tint: #24534E;
    --medal-celadon-surface: #163937;
    --medal-celadon-frame-a: #24534E;
    --medal-celadon-frame-b: #0C201F;
    --medal-celadon-disc-a: #24534E;
    --medal-celadon-disc-b: #163937;
    --medal-celadon-rim: #24534E;
    --medal-celadon-ring: #6CC4B8;
    --medal-celadon-cloison: #0C201F;
    --medal-amber-deep: #F2BF55;
    --medal-amber-mid: #FFDF9E;
    --medal-amber-tint: #5E4719;
    --medal-amber-surface: #3B2E15;
    --medal-amber-frame-a: #5E4719;
    --medal-amber-frame-b: #21190B;
    --medal-amber-disc-a: #5E4719;
    --medal-amber-disc-b: #3B2E15;
    --medal-amber-rim: #5E4719;
    --medal-amber-ring: #F2BF55;
    --medal-amber-cloison: #21190B;
    --medal-violet-deep: #AA9DFF;
    --medal-violet-mid: #D4CDFF;
    --medal-violet-tint: #3E3872;
    --medal-violet-surface: #29244A;
    --medal-violet-frame-a: #3E3872;
    --medal-violet-frame-b: #16132A;
    --medal-violet-disc-a: #3E3872;
    --medal-violet-disc-b: #29244A;
    --medal-violet-rim: #3E3872;
    --medal-violet-ring: #AA9DFF;
    --medal-violet-cloison: #16132A;
    --medal-coral-deep: #FF8E99;
    --medal-coral-mid: #FFC6CC;
    --medal-coral-tint: #68343C;
    --medal-coral-surface: #3E2228;
    --medal-coral-frame-a: #68343C;
    --medal-coral-frame-b: #231216;
    --medal-coral-disc-a: #68343C;
    --medal-coral-disc-b: #3E2228;
    --medal-coral-rim: #68343C;
    --medal-coral-ring: #FF8E99;
    --medal-coral-cloison: #231216;
    --medal-highlight: rgba(255,255,255,0.92);
    --medal-glint: rgba(255,255,255,0.28);
    --medal-shadow: rgba(0,0,0,0.42);
    --medal-mod-study: #8CC9FF;
    --medal-mod-fitness: #FFAE6E;
    --medal-mod-billing: #B9AEFF;
    --medal-mod-meditation: #7FD0C4;
    --medal-mod-mood: #FFA3AC;
    --medal-mod-sun: #FFD36E;
    --sky-dawn-ink: #F1F4EA;
    --sky-dawn-ink-muted: #D7DFD9;
    --sky-dawn-horizon-deep: #28344D;
    --sky-dawn-horizon-light: #0E1826;
    --sky-dawn-scrim-1: rgba(0,4,8,0.48);
    --sky-dawn-scrim-2: rgba(0,4,8,0.32);
    --sky-dawn-scrim-3: rgba(0,4,8,0.10);
    --sky-dawn-solid: #536F7C;
    --sky-noon-ink: #F3F6ED;
    --sky-noon-ink-muted: #D7E2DD;
    --sky-noon-horizon-deep: #21384E;
    --sky-noon-horizon-light: #0C1825;
    --sky-noon-scrim-1: rgba(0,4,8,0.48);
    --sky-noon-scrim-2: rgba(0,4,8,0.30);
    --sky-noon-scrim-3: rgba(0,4,8,0.08);
    --sky-noon-solid: #426F7E;
    --sky-dusk-ink: #FBF1E9;
    --sky-dusk-ink-muted: #E2D5D0;
    --sky-dusk-horizon-deep: #352C43;
    --sky-dusk-horizon-light: #0F1520;
    --sky-dusk-scrim-1: rgba(0,4,8,0.50);
    --sky-dusk-scrim-2: rgba(0,4,8,0.32);
    --sky-dusk-scrim-3: rgba(0,4,8,0.10);
    --sky-dusk-solid: #4C526F;
    --sky-night-ink: #F2F3E9;
    --sky-night-ink-muted: #D0D6D4;
    --sky-night-horizon-deep: #14233A;
    --sky-night-horizon-light: #0B1522;
    --sky-night-scrim-1: rgba(0,4,8,0.56);
    --sky-night-scrim-2: rgba(0,4,8,0.38);
    --sky-night-scrim-3: rgba(0,4,8,0.14);
    --sky-night-solid: #18273D;
  }
}

/* 也可以给局部元素加 data-theme="dark"，例如永远是深色屏幕的手表。 */
[data-theme="dark"] {
  color-scheme: dark;
  --canvas: #071018;
  --plain-canvas: #071018;
  --canvas-elevated: #0B1620;
  --mist-base: #060E17;
  --mist-mid: #0A1522;
  --mist-end: #08121E;
  --mist-orb-ice: rgba(68,130,240,0.22);
  --mist-orb-mint: rgba(42,214,160,0.14);
  --ink: #F3F8FA;
  --ink-muted: #98A8B5;
  --glass: rgba(14,27,38,0.72);
  --glass-strong: rgba(18,33,45,0.90);
  --glass-chrome: rgba(13,21,30,0.92);
  --glass-card-tint: rgba(18,33,45,0.62);
  --glass-card-border: rgba(255,255,255,0.14);
  --glass-fallback: #111F2A;
  --glass-fallback-strong: #162734;
  --glass-stroke: rgba(202,235,247,0.16);
  --glass-contact-shadow: rgba(10,18,48,0.55);
  --tab-selection-surface: rgba(255,255,255,0.12);
  --divider: rgba(184,213,224,0.14);
  --stamp-edge: rgba(184,213,224,0.32);
  --accent: #36E1AD;
  --accent-strong: #1AA980;
  --accent-soft: #12382F;
  --on-accent: #04110D;
  --ice: #76C5FF;
  --ice-deep: #76C5FF;
  --ice-soft: #132C3D;
  --ice-shadow: #123A63;
  --violet: #AD9DFF;
  --violet-soft: #292541;
  --violet-muted: #8378D6;
  --coral: #FF8F98;
  --coral-soft: #3A2028;
  --orange: #FFAA61;
  --orange-deep: #FFAA61;
  --orange-soft: #35271C;
  --cream-yellow: #FFD978;
  --amber: #FFC45B;
  --amber-soft: #382B16;
  --meditation-primary: #78C7BC;
  --meditation-strong: #66B7AE;
  --meditation-soft: #123531;
  --meditation-secondary: #8EA8C2;
  --countdown-primary: #F08FB3;
  --countdown-strong: #D8759B;
  --countdown-soft: #3D2130;
  --growth-orbit-track: #397969;
  --medal-bead: #FF7A4A;
  --modal-backdrop: rgba(0,4,8,0.62);
  --device-frame-a: #39424D;
  --device-frame-b: #12171D;
  --device-island: #040608;
  --brand-field-a: #102245;
  --brand-field-b: #021229;
  --brand-ring-outer: #3B86D1;
  --brand-ring-inner: #2E9C8A;
  --brand-core: #F2552A;
  --brand-bead: #FB441D;
  --sprout-leaf: #2FD3A2;
  --sprout-edge: #8CEFCB;
  --sprout-shine: #FFFFFF;
  --sprout-shine-opacity: 0.14;
  --sprout-shadow-opacity: 0.4;
  --sprout-rim-opacity: 0.35;
  --sprout-blush-opacity: 0.22;
  --mood1-face: #34465D;
  --mood1-feature: #C9D6E6;
  --mood1-soft: #1B2838;
  --mood1-glaze-hi: #617186;
  --mood1-glaze-edge: #293749;
  --mood1-blush: #C9D6E6;
  --mood1-tongue: #677486;
  --mood1-glint: #34465D;
  --mood1-shadow: #000000;
  --mood2-face: #3E3770;
  --mood2-feature: #DAD3F7;
  --mood2-soft: #25213F;
  --mood2-glaze-hi: #6d6699;
  --mood2-glaze-edge: #302b57;
  --mood2-blush: #DAD3F7;
  --mood2-tongue: #6e6994;
  --mood2-glint: #3E3770;
  --mood2-shadow: #000000;
  --mood3-face: #1D524C;
  --mood3-feature: #BDEBE1;
  --mood3-soft: #123530;
  --mood3-glaze-hi: #4d8079;
  --mood3-glaze-edge: #17403b;
  --mood3-blush: #BDEBE1;
  --mood3-tongue: #567d79;
  --mood3-glint: #1D524C;
  --mood3-shadow: #000000;
  --mood4-face: #5E4A1C;
  --mood4-feature: #F8DFA0;
  --mood4-soft: #332A16;
  --mood4-glaze-hi: #8c7744;
  --mood4-glaze-edge: #493a16;
  --mood4-blush: #F8DFA0;
  --mood4-tongue: #867755;
  --mood4-glint: #5E4A1C;
  --mood4-shadow: #000000;
  --mood5-face: #6A3039;
  --mood5-feature: #F8C6CB;
  --mood5-soft: #3A2026;
  --mood5-glaze-hi: #955d65;
  --mood5-glaze-edge: #53252c;
  --mood5-blush: #F8C6CB;
  --mood5-tongue: #8f646b;
  --mood5-glint: #6A3039;
  --mood5-shadow: #000000;
  --medal-mint-deep: #2FD3A2;
  --medal-mint-mid: #8CEFCB;
  --medal-mint-tint: #1F5C4C;
  --medal-mint-surface: #153E34;
  --medal-mint-frame-a: #1F5C4C;
  --medal-mint-frame-b: #0B231D;
  --medal-mint-disc-a: #1F5C4C;
  --medal-mint-disc-b: #153E34;
  --medal-mint-rim: #1F5C4C;
  --medal-mint-ring: #2FD3A2;
  --medal-mint-cloison: #0B231D;
  --medal-ice-deep: #6FBDFF;
  --medal-ice-mid: #B0DCFF;
  --medal-ice-tint: #24486B;
  --medal-ice-surface: #16324D;
  --medal-ice-frame-a: #24486B;
  --medal-ice-frame-b: #0B1C2D;
  --medal-ice-disc-a: #24486B;
  --medal-ice-disc-b: #16324D;
  --medal-ice-rim: #24486B;
  --medal-ice-ring: #6FBDFF;
  --medal-ice-cloison: #0B1C2D;
  --medal-orange-deep: #FFA25C;
  --medal-orange-mid: #FFCB9F;
  --medal-orange-tint: #6A4024;
  --medal-orange-surface: #3D2919;
  --medal-orange-frame-a: #6A4024;
  --medal-orange-frame-b: #22160D;
  --medal-orange-disc-a: #6A4024;
  --medal-orange-disc-b: #3D2919;
  --medal-orange-rim: #6A4024;
  --medal-orange-ring: #FFA25C;
  --medal-orange-cloison: #22160D;
  --medal-celadon-deep: #6CC4B8;
  --medal-celadon-mid: #AAE4DB;
  --medal-celadon-tint: #24534E;
  --medal-celadon-surface: #163937;
  --medal-celadon-frame-a: #24534E;
  --medal-celadon-frame-b: #0C201F;
  --medal-celadon-disc-a: #24534E;
  --medal-celadon-disc-b: #163937;
  --medal-celadon-rim: #24534E;
  --medal-celadon-ring: #6CC4B8;
  --medal-celadon-cloison: #0C201F;
  --medal-amber-deep: #F2BF55;
  --medal-amber-mid: #FFDF9E;
  --medal-amber-tint: #5E4719;
  --medal-amber-surface: #3B2E15;
  --medal-amber-frame-a: #5E4719;
  --medal-amber-frame-b: #21190B;
  --medal-amber-disc-a: #5E4719;
  --medal-amber-disc-b: #3B2E15;
  --medal-amber-rim: #5E4719;
  --medal-amber-ring: #F2BF55;
  --medal-amber-cloison: #21190B;
  --medal-violet-deep: #AA9DFF;
  --medal-violet-mid: #D4CDFF;
  --medal-violet-tint: #3E3872;
  --medal-violet-surface: #29244A;
  --medal-violet-frame-a: #3E3872;
  --medal-violet-frame-b: #16132A;
  --medal-violet-disc-a: #3E3872;
  --medal-violet-disc-b: #29244A;
  --medal-violet-rim: #3E3872;
  --medal-violet-ring: #AA9DFF;
  --medal-violet-cloison: #16132A;
  --medal-coral-deep: #FF8E99;
  --medal-coral-mid: #FFC6CC;
  --medal-coral-tint: #68343C;
  --medal-coral-surface: #3E2228;
  --medal-coral-frame-a: #68343C;
  --medal-coral-frame-b: #231216;
  --medal-coral-disc-a: #68343C;
  --medal-coral-disc-b: #3E2228;
  --medal-coral-rim: #68343C;
  --medal-coral-ring: #FF8E99;
  --medal-coral-cloison: #231216;
  --medal-highlight: rgba(255,255,255,0.92);
  --medal-glint: rgba(255,255,255,0.28);
  --medal-shadow: rgba(0,0,0,0.42);
  --medal-mod-study: #8CC9FF;
  --medal-mod-fitness: #FFAE6E;
  --medal-mod-billing: #B9AEFF;
  --medal-mod-meditation: #7FD0C4;
  --medal-mod-mood: #FFA3AC;
  --medal-mod-sun: #FFD36E;
  --sky-dawn-ink: #F1F4EA;
  --sky-dawn-ink-muted: #D7DFD9;
  --sky-dawn-horizon-deep: #28344D;
  --sky-dawn-horizon-light: #0E1826;
  --sky-dawn-scrim-1: rgba(0,4,8,0.48);
  --sky-dawn-scrim-2: rgba(0,4,8,0.32);
  --sky-dawn-scrim-3: rgba(0,4,8,0.10);
  --sky-dawn-solid: #536F7C;
  --sky-noon-ink: #F3F6ED;
  --sky-noon-ink-muted: #D7E2DD;
  --sky-noon-horizon-deep: #21384E;
  --sky-noon-horizon-light: #0C1825;
  --sky-noon-scrim-1: rgba(0,4,8,0.48);
  --sky-noon-scrim-2: rgba(0,4,8,0.30);
  --sky-noon-scrim-3: rgba(0,4,8,0.08);
  --sky-noon-solid: #426F7E;
  --sky-dusk-ink: #FBF1E9;
  --sky-dusk-ink-muted: #E2D5D0;
  --sky-dusk-horizon-deep: #352C43;
  --sky-dusk-horizon-light: #0F1520;
  --sky-dusk-scrim-1: rgba(0,4,8,0.50);
  --sky-dusk-scrim-2: rgba(0,4,8,0.32);
  --sky-dusk-scrim-3: rgba(0,4,8,0.10);
  --sky-dusk-solid: #4C526F;
  --sky-night-ink: #F2F3E9;
  --sky-night-ink-muted: #D0D6D4;
  --sky-night-horizon-deep: #14233A;
  --sky-night-horizon-light: #0B1522;
  --sky-night-scrim-1: rgba(0,4,8,0.56);
  --sky-night-scrim-2: rgba(0,4,8,0.38);
  --sky-night-scrim-3: rgba(0,4,8,0.14);
  --sky-night-solid: #18273D;
}

/* 天光时段：页面只读 --sky-ink / --sky-horizon-deep 等，时段由 data-period 决定。 */
[data-period="dawn"] {
  --sky-ink: var(--sky-dawn-ink);
  --sky-ink-muted: var(--sky-dawn-ink-muted);
  --sky-horizon-deep: var(--sky-dawn-horizon-deep);
  --sky-horizon-light: var(--sky-dawn-horizon-light);
  --sky-scrim-1: var(--sky-dawn-scrim-1);
  --sky-scrim-2: var(--sky-dawn-scrim-2);
  --sky-scrim-3: var(--sky-dawn-scrim-3);
  --sky-solid: var(--sky-dawn-solid);
}
[data-period="noon"] {
  --sky-ink: var(--sky-noon-ink);
  --sky-ink-muted: var(--sky-noon-ink-muted);
  --sky-horizon-deep: var(--sky-noon-horizon-deep);
  --sky-horizon-light: var(--sky-noon-horizon-light);
  --sky-scrim-1: var(--sky-noon-scrim-1);
  --sky-scrim-2: var(--sky-noon-scrim-2);
  --sky-scrim-3: var(--sky-noon-scrim-3);
  --sky-solid: var(--sky-noon-solid);
}
[data-period="dusk"] {
  --sky-ink: var(--sky-dusk-ink);
  --sky-ink-muted: var(--sky-dusk-ink-muted);
  --sky-horizon-deep: var(--sky-dusk-horizon-deep);
  --sky-horizon-light: var(--sky-dusk-horizon-light);
  --sky-scrim-1: var(--sky-dusk-scrim-1);
  --sky-scrim-2: var(--sky-dusk-scrim-2);
  --sky-scrim-3: var(--sky-dusk-scrim-3);
  --sky-solid: var(--sky-dusk-solid);
}
[data-period="night"] {
  --sky-ink: var(--sky-night-ink);
  --sky-ink-muted: var(--sky-night-ink-muted);
  --sky-horizon-deep: var(--sky-night-horizon-deep);
  --sky-horizon-light: var(--sky-night-horizon-light);
  --sky-scrim-1: var(--sky-night-scrim-1);
  --sky-scrim-2: var(--sky-night-scrim-2);
  --sky-scrim-3: var(--sky-night-scrim-3);
  --sky-solid: var(--sky-night-solid);
}