/* Custom styles shared by every page. Tailwind (compiled into tailwind.css)
   handles the rest — see README.md → Rebuilding the CSS. */

html {
    color-scheme: light;
}

html.dark {
    color-scheme: dark;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: #faf9f6;
    color: #2c2a29;
}

.dark body {
    background-color: #1c1b1a;
    color: #e7e1d3;
}

.font-serif {
    font-family: 'Playfair Display', serif;
}

.gallery-item {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

*:focus-visible {
    outline: 2px solid #2c2a29;
    outline-offset: 4px;
}

.dark *:focus-visible {
    outline-color: #faf9f6;
}