/* Base Styles */
body {
    font-family: 'Roboto', sans-serif;
    color: var(--gray-dark);
    background-color: var(--white);
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', serif;
    color: var(--primary-color);
}

a {
    color: var(--primary-color);
    text-decoration: none;
}

a:hover {
    color: var(--accent-color);
}

.container {
    max-width: 1200px;
}