/* Custom font */
@font-face {
    font-family: 'Hatterline';
    src: url('/fonts/Hatterline-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Variables */
:root {
    --color-terre: #B5622A;
    --color-beige: #F5ECD7;
    --color-creme: #FDF8F0;
    --color-brun: #3D1F0D;
    --season-bg: var(--color-creme);
    --season-surface: var(--color-creme);
    --season-text: var(--color-brun);
    --season-accent: var(--color-terre);
    --season-accent-strong: var(--color-brun);
    --season-border: rgba(181, 98, 42, 0.2);
}

/* Base */
html {
    scroll-behavior: smooth;
    background-color: var(--season-bg, #F5F7E8);
    color: var(--season-text, #28422C);
}

body {
    font-family: 'Lato', sans-serif;
    background-color: var(--season-bg, #F5F7E8);
    background-image: var(--season-bg-image);
    background-repeat: repeat;
    background-size: 300px;
    color: var(--season-text, #28422C);
    -webkit-font-smoothing: antialiased;
    transition: none;
}

body>* {
    position: relative;
    z-index: 1;
}

header,
main,
footer {
    background-color: var(--season-surface);
}

main {
    box-shadow: 0 0 60px rgba(253, 248, 240, 0.8);
}

.site-footer {
    background-color: var(--season-accent-strong) !important;
    color: var(--color-beige) !important;
}

.site-footer a {
    color: var(--color-beige) !important;
}

.site-footer a:hover {
    color: var(--season-surface) !important;
}

body[data-theme-mode="dark"] .site-footer {
    background-color: #243845 !important;
    color: #f7efe2 !important;
}

body[data-theme-mode="dark"] .site-footer a {
    color: #f7efe2 !important;
}

body[data-theme-mode="dark"] .site-footer a:hover {
    color: #f4b96f !important;
}

body[data-theme-mode="dark"] main {
    box-shadow: 0 0 60px rgba(3, 6, 10, 0.6);
}

/* Seasonal utility overrides */
.bg-printemps { background-color: var(--season-printemps-surface) !important; }
.bg-ete { background-color: var(--season-ete-surface) !important; }
.bg-automne { background-color: var(--season-automne-surface) !important; }
.bg-hiver { background-color: var(--season-hiver-surface) !important; }

html[data-theme-mode="dark"] body.bg-printemps,
html[data-theme-mode="dark"] body.bg-ete,
html[data-theme-mode="dark"] body.bg-automne,
html[data-theme-mode="dark"] body.bg-hiver {
    background-color: var(--season-surface) !important;
    color: var(--season-text) !important;
}

.bg-season-surface { background-color: var(--season-surface) !important; }
.bg-season-accent { background-color: var(--season-accent) !important; }
.bg-season-accent-strong { background-color: var(--season-accent-strong) !important; }
.bg-season-surface\/70 { background-color: color-mix(in srgb, var(--season-surface) 70%, transparent) !important; }
.bg-season-surface\/80 { background-color: color-mix(in srgb, var(--season-surface) 80%, transparent) !important; }
.bg-season-surface\/90 { background-color: color-mix(in srgb, var(--season-surface) 90%, transparent) !important; }

.text-printemps { color: var(--season-printemps-text) !important; }
.text-ete { color: var(--season-ete-text) !important; }
.text-automne { color: var(--season-automne-text) !important; }
.text-hiver { color: var(--season-hiver-text) !important; }

.text-season { color: var(--season-text) !important; }
.text-season-accent { color: var(--season-accent) !important; }
.text-season-accent-strong { color: var(--season-accent-strong) !important; }
.text-season\/80 { color: var(--season-text) !important; opacity: 0.8; }
.text-season\/60 { color: var(--season-text) !important; opacity: 0.6; }
.text-season\/50 { color: var(--season-text) !important; opacity: 0.5; }
.text-contrast { color: var(--color-beige) !important; }
.text-contrast\/70 { color: var(--color-beige) !important; opacity: 0.7; }
.text-contrast\/50 { color: var(--color-beige) !important; opacity: 0.5; }

.border-printemps { border-color: var(--season-printemps-border) !important; }
.border-ete { border-color: var(--season-ete-border) !important; }
.border-automne { border-color: var(--season-automne-border) !important; }
.border-hiver { border-color: var(--season-hiver-border) !important; }

.border-season-accent { border-color: var(--season-accent) !important; }
.border-season-accent-strong { border-color: var(--season-accent-strong) !important; }
.border-season-accent\/10 { border-color: color-mix(in srgb, var(--season-accent) 10%, transparent) !important; }
.border-season-accent\/20 { border-color: color-mix(in srgb, var(--season-accent) 20%, transparent) !important; }

.focus\:border-season-accent:focus { border-color: var(--season-accent) !important; }
.focus\:ring-season-accent\/20:focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--season-accent) 20%, transparent) !important; }

/* Typography */
h1,
h2,
h3,
.font-display {
    font-family: 'Playfair Display', serif;
}

.font-hatterline {
    font-family: 'Hatterline', serif;
}

/* Navbar */
.navbar-link {
    position: relative;
    font-family: 'Lato', sans-serif;
    color: var(--season-text);
    transition: color 0.2s ease;
}

.navbar-link::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 1px;
    background-color: var(--season-accent);
    transition: width 0.2s ease;
}

.navbar-link:hover {
    color: var(--season-accent);
}

.navbar-link:hover::after {
    width: 100%;
}

/* Inner pages */
.page-icon {
    width: 3rem;
    height: 3rem;
    object-fit: contain;
    flex-shrink: 0;
}

.page-icon-sm {
    width: 2rem;
    height: 2rem;
    object-fit: contain;
    flex-shrink: 0;
}

.section-divider {
    border: none;
    border-top: 1px solid rgba(181, 98, 42, 0.2);
    margin: 2rem 0;
}

/* Accessibility */
*:focus-visible {
    outline: 2px solid var(--season-accent);
    outline-offset: 2px;
    border-radius: 4px;
}