:root {
  --page-max-width: 1128px;
  --page-gutter: 32px;
  --header-height: 52px;
  --footer-height: 32px;
  --page-top-gap: 64px;
  --page-bottom-gap: 64px;
  --page-top-padding-lg: 180px;
  --page-bottom-padding-lg: 80px;
  --section-gap-lg: 80px;
  --section-gap-md: 32px;
  --section-gap-sm: 16px;
  --section-title-gap-tight: 8px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.1);
  --color-text: #000;
  --color-dark: #333;
  --color-muted: #666;
  --color-subtle: #a6a6a6;
  --color-subtle-light: #d9d9d9;
  --color-line: #efefef;
  --color-line-light: #f7f7f7;
  --color-surface: #ffffff;
  --color-surface-muted: #f9f9f9;
  --color-brand: #3b82f6;
  --color-brand-light: #60a5fa;
  --color-footer: #3173dc;
  --font-size-xxl: 32px;
  --font-size-xl: 24px;
  --font-size-lg: 18px;
  --font-size-md: 16px;
  --font-size-sm: 14px;
  --font-size-xs: 12px;
  --font-size-xxs: 10px;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
}