/* Global CSS - Base styles, variables, typography */

/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap');

/* Base styles */
html {
  font-size: 1rem;
  background-color: #fffbfa;
  line-height: 1.5;
}

body {
  font-family: 'Inter', sans-serif;
  background-color: #fffbfa;
  margin: 0;
  padding: 0;
}

/* Container system */
.container {
  max-width: 700px;
  margin: 0 auto;
  padding: 0 1.25rem;
}

/* Header styling */
header {
  padding: 1.5rem 1.25rem;
}

/* Section styling */
.section {
  padding: 6rem 1.25rem;
}

/* Heading styles */
h1, h2, h3, h4, h5, h6 {
  font-family: 'DM Serif Display', serif;
  line-height: 1.3;
}

h1 {
  font-size: 2.25rem;
}

h2 {
  font-size: 1.75rem;
}

h3 {
  font-size: 1.35rem;
}