/* M3 的唯一基础色板。组件通过语义变量取色。 */
:root {
  color-scheme: dark;
  --site-blue-100: #324b64;
  --site-blue-110: #3c556e;
  --site-blue-130: #506982;
  --site-blue-160: #6e87a0;
  --site-blue-190: #8ca5be;
  --site-blue-220: #b8cbdc;
  --site-white: #ffffff;
  --site-black: #000000;
  --site-warm-250: #fffaf5;
  --site-warm-240: #f5f0eb;
  --site-warm-220: #e1dcd7;
  --site-carbon: #2d3237;
  --site-teal: #78c8c8;
  --site-teal-light: #a0f0f0;
  --site-teal-dark: #64b4b4;
  --site-orange: #ff5a00;
  --site-orange-ink: #ae3c00;
  --site-danger: #ffcdcd;
  --site-overlay: rgb(15 26 38 / 75%);
  --site-bg: var(--site-blue-100);
  --site-surface: var(--site-blue-110);
  --site-surface-hover: var(--site-blue-130);
  --site-text: var(--site-warm-250);
  --site-muted: var(--site-blue-220);
  --site-link: var(--site-teal);
  --site-link-hover: var(--site-teal-light);
  --site-line: var(--site-blue-130);
  --site-input-line: var(--site-blue-190);
  --site-button-bg: var(--site-warm-240);
  --site-button-text: var(--site-carbon);
  --site-focus: var(--site-teal-light);
  --site-selection-bg: var(--site-teal-dark);
  --site-selection-text: var(--site-carbon);
  --site-font-latin: 'Avenir Next', Avenir, 'Segoe UI', Arial, sans-serif;
  --site-font-zh: 'PingFang SC', 'Microsoft YaHei', 'Noto Sans CJK SC', sans-serif;
  --site-font-ja: 'Hiragino Kaku Gothic ProN', 'Yu Gothic', Meiryo, 'Noto Sans CJK JP', sans-serif;
  --site-font-body: var(--site-font-latin);
  --site-font-heading: var(--site-font-body);
  --site-font-data: var(--site-font-body);
  --site-body-line: 1.6;
  --site-heading-line: 1.2;
  --site-heading-track: 0;
  --site-content-max: 1200px;
  --site-rail: 200px;
  --site-header-height: 96px;
  --site-header-offset: clamp(16px, 6.67vh, 60px);
  --site-placeholder: var(--site-blue-190);
  --site-gutter: clamp(20px, 3vw, 40px);
  --site-radius: 8px;
  --site-space-1: 4px;
  --site-space-2: 8px;
  --site-space-3: 12px;
  --site-space-4: 16px;
  --site-space-5: 24px;
  --site-space-6: 32px;
  --site-space-7: 48px;
  --site-space-8: 64px;
  --site-space-9: 80px;
}