/* ===================================================================== * Material Design 3 — 全局设计 Token（自动生成，请勿手改） * --------------------------------------------------------------------- * 生成脚本：scripts/generate-m3-tokens.mjs → npm run tokens * 种子色 seed：#c9a227（现有主题金色 #c9a227） * 依赖：@material/material-color-utilities（Dynamic Color 调色板，构建期使用） * ===================================================================== */ :root { color-scheme: dark; /* ---- Dynamic Color（暗色方案，默认） ---- */ --md-sys-color-primary: #ecc246; --md-sys-color-on-primary: #3d2e00; --md-sys-color-primary-container: #584400; --md-sys-color-on-primary-container: #ffe08e; --md-sys-color-secondary: #d5c5a1; --md-sys-color-on-secondary: #392f15; --md-sys-color-secondary-container: #51462a; --md-sys-color-on-secondary-container: #f2e1bb; --md-sys-color-tertiary: #adcfad; --md-sys-color-on-tertiary: #1a361f; --md-sys-color-tertiary-container: #304d33; --md-sys-color-on-tertiary-container: #c9ecc8; --md-sys-color-error: #ffb4ab; --md-sys-color-on-error: #690005; --md-sys-color-error-container: #93000a; --md-sys-color-on-error-container: #ffb4ab; --md-sys-color-background: #1e1b16; --md-sys-color-on-background: #e8e1d9; --md-sys-color-surface: #1e1b16; --md-sys-color-on-surface: #e8e1d9; --md-sys-color-surface-variant: #4c4639; --md-sys-color-on-surface-variant: #cfc5b4; --md-sys-color-outline: #989080; --md-sys-color-outline-variant: #4c4639; --md-sys-color-shadow: #000000; --md-sys-color-scrim: #000000; --md-sys-color-inverse-surface: #e8e1d9; --md-sys-color-inverse-on-surface: #33302a; --md-sys-color-inverse-primary: #755b00; --md-sys-color-surface-dim: #15130e; --md-sys-color-surface-bright: #3c3933; --md-sys-color-surface-container-lowest: #100e09; --md-sys-color-surface-container-low: #1e1b16; --md-sys-color-surface-container: #221f1a; --md-sys-color-surface-container-high: #2d2a24; --md-sys-color-surface-container-highest: #38342e; /* ---- 字体栈（Typeface） ---- */ --md-ref-typeface-plain: "Roboto", "Noto Sans SC", "Noto Sans", system-ui, -apple-system, "Segoe UI", "Microsoft YaHei", sans-serif; --md-ref-typeface-brand: "Roboto", "Noto Sans SC", "Noto Sans", system-ui, -apple-system, "Segoe UI", "Microsoft YaHei", sans-serif; /* ---- 圆角（Shape） ---- */ --md-sys-shape-corner-xs: 4px; --md-sys-shape-corner-sm: 8px; --md-sys-shape-corner-md: 12px; --md-sys-shape-corner-lg: 16px; --md-sys-shape-corner-xl: 28px; --md-sys-shape-corner-full: 9999px; /* ---- 阴影层级（Elevation Level 0–5） ---- */ --md-sys-elevation-level-0: none; --md-sys-elevation-level-1: 0px 1px 2px rgba(0, 0, 0, 0.30), 0px 1px 3px 1px rgba(0, 0, 0, 0.15); --md-sys-elevation-level-2: 0px 1px 2px rgba(0, 0, 0, 0.30), 0px 2px 6px 2px rgba(0, 0, 0, 0.15); --md-sys-elevation-level-3: 0px 1px 3px rgba(0, 0, 0, 0.30), 0px 4px 8px 3px rgba(0, 0, 0, 0.15); --md-sys-elevation-level-4: 0px 2px 3px rgba(0, 0, 0, 0.30), 0px 6px 10px 4px rgba(0, 0, 0, 0.15); --md-sys-elevation-level-5: 0px 4px 4px rgba(0, 0, 0, 0.30), 0px 8px 12px 6px rgba(0, 0, 0, 0.15); } /* 亮色方案（可选：给 加 .md3-light 类启用） */ .md3-light { color-scheme: light; --md-sys-color-primary: #755b00; --md-sys-color-on-primary: #ffffff; --md-sys-color-primary-container: #ffe08e; --md-sys-color-on-primary-container: #241a00; --md-sys-color-secondary: #695d3f; --md-sys-color-on-secondary: #ffffff; --md-sys-color-secondary-container: #f2e1bb; --md-sys-color-on-secondary-container: #231b04; --md-sys-color-tertiary: #47664a; --md-sys-color-on-tertiary: #ffffff; --md-sys-color-tertiary-container: #c9ecc8; --md-sys-color-on-tertiary-container: #04210b; --md-sys-color-error: #ba1a1a; --md-sys-color-on-error: #ffffff; --md-sys-color-error-container: #ffdad6; --md-sys-color-on-error-container: #410002; --md-sys-color-background: #fffbff; --md-sys-color-on-background: #1e1b16; --md-sys-color-surface: #fffbff; --md-sys-color-on-surface: #1e1b16; --md-sys-color-surface-variant: #ece1cf; --md-sys-color-on-surface-variant: #4c4639; --md-sys-color-outline: #7e7667; --md-sys-color-outline-variant: #cfc5b4; --md-sys-color-shadow: #000000; --md-sys-color-scrim: #000000; --md-sys-color-inverse-surface: #33302a; --md-sys-color-inverse-on-surface: #f7f0e7; --md-sys-color-inverse-primary: #ecc246; --md-sys-color-surface-dim: #e0d9d0; --md-sys-color-surface-bright: #fff8f1; --md-sys-color-surface-container-lowest: #ffffff; --md-sys-color-surface-container-low: #faf3e9; --md-sys-color-surface-container: #f4ede4; --md-sys-color-surface-container-high: #eee7de; --md-sys-color-surface-container-highest: #e8e1d9; }