/* 3. css/base.css - Base styles */
/* ---------------------------------------- */
body {
    font-family: var(--font-primary);
    color: var(--color-gray-dark);
    background-color: var(--color-white);
    font-feature-settings: "ss01" 1;
}

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

h1 { font-size: var(--text-5xl); }
h2 { font-size: var(--text-4xl); }
h3 { font-size: var(--text-3xl); }
h4 { font-size: var(--text-2xl); }
h5 { font-size: var(--text-xl); }
h6 { font-size: var(--text-lg); }

p {
    margin-bottom: var(--space-md);
}

strong { font-weight: 600; }

.container {
    max-width: var(--container-max);
    margin: 0 auto;
    padding: 0 var(--container-padding);
}

.section {
    padding: var(--space-xl) 0;
}

.section__title {
    margin-bottom: var(--space-2xl);
    text-align: center;
}

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }