:root {
    --color-black: #000000;
    --color-off-white: #FAFAF8;
    --color-stone: #C4B5A2;
    --color-text-primary: #1A1A1A;
    --color-text-secondary: #6B6B6B;
    --color-border: #E5E5E5;
    --color-bg-white: #FFFFFF;
    --color-bg-off-white: #FAFAF8;
    --font-display: 'Cormorant Garamond', Georgia, serif;
    --font-body: 'Outfit', system-ui, sans-serif;
}

.hero-tile {
    transition: opacity 0.6s ease;
}

.hero-tile:hover {
    opacity: 1 !important;
}