:root {
    --font-family: 'Playfair Display', serif;
    --color-bg: #fff;
    --color-text: #000;
    --color-hover-bg: #000;
    --color-hover-text: #fff;
    --color-opacity: 0.4;
    --font-size-base: 1rem;
    --font-size-large: 2.5rem;
    --font-size-medium: 2rem;
    --font-size-small: 0.9rem;
    --spacing-small: 0.5rem;
    --spacing-medium: 1rem;
    --spacing-large: 2rem;
    --max-width: 600px;
    --img-max-width: 225px;
}

body {
    margin: 0;
    font-family: var(--font-family);
    background: var(--color-bg);
    color: var(--color-text);
}