:root {
  /* Colors */
  --color-primary: #6253df;
  --color-primary-dark: #6253df;
  --color-primary-light: #6253df1a;
  --color-secondary: #be7d56;
  --color-accent: #be7d56;
  --color-text: #263238;
  --color-text-light: #64748b;
  --color-heading: #263238;
  --color-background: #f5f7fb;
  --color-surface: #f8fafc;
  --color-border: #e2e8f0;
  --color-footer-bg: #263238;

  /* Fonts */
  --font-heading: 'Inter', sans-serif;
  --font-body: 'Inter', sans-serif;

  /* Spacing */
  --radius: 8px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  color: var(--color-heading);
  line-height: 1.2;
}

h1 { font-size: 2.8rem; margin-bottom: 16px; }
h2 { font-size: 2.2rem; margin-bottom: 16px; }
h3 { font-size: 1.5rem; margin-bottom: 12px; }
h4 { font-size: 1.2rem; margin-bottom: 8px; }

p { margin-bottom: 16px; }
p:last-child { margin-bottom: 0; }

@media (max-width: 767px) {
  h1 { font-size: 2rem; }
  h2 { font-size: 1.6rem; }
}