:root {
  --color-primary: #075ca8;
  --color-primary-strong: #054a86;
  --color-primary-soft: #e8f3ff;
  --color-secondary: #0d8bd8;
  --color-accent: #16a3c7;
  --color-page: #eef3f8;
  --color-surface: #ffffff;
  --color-surface-soft: #f7fafd;
  --color-text: #12263a;
  --color-muted: #66788a;
  --color-border: rgba(7, 92, 168, 0.14);
  --shadow-surface: 0 1px 2px rgba(15, 38, 58, 0.04), 0 8px 24px rgba(15, 38, 58, 0.06);
  --radius-control: 8px;
  --radius-card: 10px;
  --layout-wide-max: 1920px;
  --layout-content-max: 1680px;
  --layout-reading-max: 1080px;
  --layout-gutter: clamp(18px, 2vw, 40px);
  --header-height: 54px;
}