:root {
  --bg-canvas: #181715;
  --bg-surface: #282623;
  --content: #ffffff;
  --content-secondary: rgba(251, 250, 249, 0.7);
  --content-tertiary: #8a8987; 
  --content-brand: #eb682f;
  --border: rgba(251, 250, 249, 0.08);
  --content-inverse: #11100f; 
  --content-inverse-secondary: rgba(17, 16, 15, 0.6);
  --font-family-body: "Geist", system-ui, sans-serif;
  --font-family-heading: "IBM Plex Serif", Georgia, serif;
  --font-weight-base: 350;
  --font-weight-heading: 500;
  --font-size-sm: 14px;
  --line-height-sm: 20px;
  --font-size-heading: 20px;
  --line-height-heading: 24px;
  --font-size-md: 18px; 
  --line-height-md: 28px;
  --font-size-heading-lg: 24px; 
  --line-height-heading-lg: 32px;
  --font-size-heading-sm: 16px; 
  --line-height-heading-sm: 20px;
  --shape-surface-md: 4px;
  --border-width: 1px;
  --spacing-4: 4px;
  --spacing-6: 6px;
  --spacing-8: 8px;
  --spacing-10: 10px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-20: 20px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-56: 56px;
  --spacing-64: 64px;
  --layout-container: 1440px; 
  --layout-aside: 320px; 
  --layout-article: 1200px; 
  --layout-prose: 600px; 
  --layout-aside-gap: 168px;
}