:root {
  --template-primary: #3b82f6;
  --template-secondary: #64748b;
  --template-accent: #06b6d4;
  --template-bg: #ffffff;
  --template-surface: #f8fafc;
  --template-text: #1e293b;
  --template-text-muted: #64748b;
  --template-border: #e2e8f0;
  --template-font-primary: 'Inter', system-ui, -apple-system, sans-serif;
  --template-font-secondary: 'Playfair Display', serif;
  --template-font-heading: 'Playfair Display', serif;
}

/* Dark mode */
.dark {
  --template-bg: #0f172a;
  --template-surface: #1e293b;
  --template-text: #f1f5f9;
  --template-text-muted: #94a3b8;
  --template-border: #334155;
}

/* Default Body Styles */
body {
  background-color: var(--template-bg);
  color: var(--template-text);
  font-family: var(--template-font-primary);
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;  
}

/* Dark mode text colors */
.dark body {
  color: #f2f2f2;
}

/* Mobile adjustments */
@media (max-width: 768px) {
  body {
    font-size: 15px;
    line-height: 1.4;
  }
}

/* Heading styles */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--template-font-heading);
  font-weight: 600;
  letter-spacing: -0.015em;
  line-height: 1.2;
  margin: 0;
  color: inherit;
}

h1 {
  font-size: 1.75rem;
  font-weight: 600;
  letter-spacing: -0.015em;
}

h2 {
  font-size: 2rem; /* 32px */
  font-weight: 600;
  letter-spacing: -0.015em;
}

h3 {
  font-size: 1.5rem; /* 24px */
  font-weight: 600;
  letter-spacing: -0.015em;
}

h4 {
  font-size: 1.5rem; /* 24px */
  font-weight: 600;
}

h5 {
  font-size: 1.25rem; /* 20px */
  font-weight: 600;
}

h6 {
  font-size: 1.125rem; /* 18px */
  font-weight: 600;
}

/* Paragraph styles */
p {
  margin: 0 0 1rem 0;
  line-height: 1.6;
}

/* Link styles */
a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease;
}

@media (max-width: 768px) {
  h1 {
    font-size: 2.25rem; /* 36px */
  }
  
  h2 {
    font-size: 1.875rem; /* 30px */
  }
  
  h3 {
    font-size: 1.5rem; /* 24px */
  }
}