:root {
  --color-primary: #2563EB;
  --color-secondary: #7C3AED;
  --color-background: #F8FAFC;
  --color-text: #0F172A;
  --color-accent: #10B981;
  --font-heading: Roboto, sans-serif;
  --font-body: Noto Sans, sans-serif;
  --font-accent: Roboto, sans-serif;
  --font-small: Noto Sans, sans-serif;
  --font-base-size: 16px;
  --font-scale: 1.25;
  --font-size-sm: 12.8px;
  --font-size-base: 16px;
  --font-size-lg: 20px;
  --font-size-xl: 25px;
  --font-size-2xl: 31.25px;
  --font-size-3xl: 39.06px;
  --spacing-unit: 8px;
  --spacing-section-gap: 4rem;
  --spacing-component-gap: 1.5rem;
  --border-radius: 12px;
  --border-width: 1px;
  --border-color: #CBD5E1;
}