/* Font Variables */
:root {
    --font-primary: 'Montserrat', sans-serif;
    --font-secondary: 'Lato', sans-serif;
    --color-text: #333;
    --color-text-light: #666;
    --color-background: #f8f8f8;
    --color-accent: #555;
    --color-white: #fff;
}

/* Typography Base Styles */
body {
    font-family: var(--font-primary);
    color: var(--color-text);
    font-weight: 400;
    line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-primary);
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0.5em;
}

p {
    margin-bottom: 1.5em;
}

a {
    color: var(--color-accent);
    text-decoration: none;
    transition: color 0.3s ease;
}

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