:root {
  color-scheme: light;
  --color-bg: #f5f5f7;
  --color-bg-elevated: #fbfbfd;
  --color-surface: rgba(255, 255, 255, 0.78);
  --color-surface-solid: #ffffff;
  --color-surface-muted: #f0f1f3;
  --color-text: #1d1d1f;
  --color-text-secondary: #6e6e73;
  --color-text-tertiary: #86868b;
  --color-border: rgba(0, 0, 0, 0.08);
  --color-border-strong: rgba(0, 0, 0, 0.14);
  --color-accent: #0071e3;
  --color-accent-hover: #0077ed;
  --color-accent-soft: rgba(0, 113, 227, 0.09);
  --color-success: #248a3d;
  --color-danger: #d70015;
  --color-danger-soft: rgba(215, 0, 21, 0.08);
  --color-focus: rgba(0, 113, 227, 0.34);
  --font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", Inter, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --font-editorial: Iowan Old Style, "Palatino Linotype", "Songti SC", SimSun, serif;
  --radius-xs: 8px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 12px 32px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 24px 64px rgba(0, 0, 0, 0.10);
  --content-width: 1200px;
  --reading-width: 760px;
  --nav-height: 64px;
  --page-gutter: clamp(20px, 4vw, 48px);
  --section-space: clamp(72px, 9vw, 128px);
  --transition-fast: 160ms cubic-bezier(0.2, 0.7, 0.2, 1);
  --transition-base: 260ms cubic-bezier(0.2, 0.7, 0.2, 1);
}

html[data-theme="archive-dark"] {
  color-scheme: dark;
  --color-bg: #07090e;
  --color-bg-elevated: #0c1017;
  --color-surface: rgba(18, 22, 31, 0.82);
  --color-surface-solid: #10141d;
  --color-surface-muted: #161b25;
  --color-text: #f5f5f7;
  --color-text-secondary: #b0b0b5;
  --color-text-tertiary: #86868b;
  --color-border: rgba(255, 255, 255, 0.11);
  --color-border-strong: rgba(255, 255, 255, 0.2);
  --color-accent: #8ab4f8;
  --color-accent-hover: #a8c7fa;
  --color-accent-soft: rgba(138, 180, 248, 0.12);
  --color-focus: rgba(138, 180, 248, 0.42);
  --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.22);
  --shadow-md: 0 14px 42px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 30px 88px rgba(0, 0, 0, 0.42);
}