:root {
  --site-bg-main: #0B0F14;
  --site-bg-section: #11161C;
  --site-bg-card: #151B22;
  --site-bg-card-strong: #1A212A;
  --site-text-main: #FFFFFF;
  --site-text-secondary: #A8B0BA;
  --site-text-muted: #7D8794;
  --site-border: rgba(255,255,255,0.08);
  --site-brand: #E11D2E;
  --site-brand-hover: #B91624;
  --bg-dark: #0f1217;
  --bg-dark-soft: #171c23;
  --bg-light: #f5f6f8;
  --bg-soft: #eceff3;
  --surface: #ffffff;
  --surface-soft: #f8fafc;
  --surface-strong: #ffffff;
  --line: #dde3ea;
  --line-strong: #c8d1db;
  --text: #12161c;
  --text-strong: #0d1117;
  --muted: #5d6876;
  --muted-2: #7d8794;
  --text-muted: #5d6876;
  --text-on-dark: #f5f7fa;
  --muted-on-dark: rgba(245,247,250,.72);
  --brand: var(--site-brand);
  --brand-2: var(--site-brand-hover);
  --accent: var(--site-brand);
  --accent-contrast: #ffffff;
  --success: #1b8f5f;
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --shadow-sm: 0 8px 24px rgba(15, 18, 23, 0.06);
  --shadow-md: 0 18px 40px rgba(15, 18, 23, 0.09);
  --shadow-lg: 0 28px 70px rgba(15, 18, 23, 0.12);
  --container: 1240px;
  --header-h: 72px;
  --space-section: 84px;
}