/* Teinte propre à santo-del-giorno.it (variante du thème « Nuit dorée »). */
:root {

}
/* santo-del-giorno.it : « Affresco ». Volta blu stellata (Giotto, Cappella degli Scrovegni), intonaco caldo, terra di Siena. */
:root {
    --bg: #f4ead9; --surface: #fbf5ea; --surface-2: #efe1c8; --ink: #2f241b; --muted: #75604a; --line: rgba(110, 72, 40, 0.18);
    --accent: #a8482a; --accent-2: #c79a3b; --accent-ink: #fff8ee; --lapis: #24456e; --lapis-2: #1a3354;
    --display: 'Cinzel', 'Trajan Pro', Georgia, serif; --body-font: 'Lato', system-ui, sans-serif; --text-font: 'Crimson Pro', Georgia, serif;
    --radius: 14px; --radius-sm: 8px; --shadow: 0 14px 34px rgba(110, 72, 40, 0.12);
    --carte-1: #24456e; --carte-2: #0f2038;
}
html[data-mode="sombre"] {
    --bg: #14181f; --surface: #1c222c; --surface-2: #252d3a; --ink: #f1e7d6; --muted: #b5a68f; --line: rgba(241, 231, 214, 0.13);
    --accent: #e08a62; --accent-2: #e3bd62; --accent-ink: #14181f; --shadow: 0 14px 34px rgba(0, 0, 0, 0.4);
}
body.theme-affresco { background-image: radial-gradient(circle at 10% 20%, rgba(199, 154, 59, 0.10), transparent 40%), radial-gradient(circle at 90% 80%, rgba(168, 72, 42, 0.08), transparent 45%); }

/* Volta stellata */
#header-placeholder {
    background: radial-gradient(circle, #e3bd62 0.9px, transparent 1.4px) 0 0 / 34px 34px, radial-gradient(circle, rgba(227, 189, 98, 0.6) 0.7px, transparent 1.2px) 17px 17px / 34px 34px, linear-gradient(180deg, var(--lapis), var(--lapis-2));
    border-bottom: 3px solid #c79a3b; backdrop-filter: none;
}
.site-brand { color: #fdf3df; font-size: 21px; letter-spacing: 0.08em; }
#main-nav a { color: rgba(253, 243, 223, 0.8); font-size: 14px; letter-spacing: 0.04em; }
#main-nav a:hover, #main-nav a[aria-current="page"] { color: #fff; background: rgba(255, 255, 255, 0.12); }
#main-nav a.nav-cta { border-color: #e3bd62; color: #f3d48b; }
.burger-menu { color: #fdf3df; border-color: rgba(255, 255, 255, 0.3); }
@media (max-width: 899px) { #main-nav { background: var(--lapis-2); } }

/* Data : formella in terracotta */
.feuillet { border-radius: 70px 70px 10px 10px; border: 2px solid var(--accent-2); padding-top: 18px; background: var(--surface); }
.f-jour { background: none; color: var(--accent); font-family: var(--display); letter-spacing: 0.14em; font-size: 12px; }
.f-num { font-family: var(--display); color: var(--lapis); }
.f-mois { font-family: var(--display); letter-spacing: 0.1em; text-transform: uppercase; font-size: 11px; }
html[data-mode="sombre"] .f-num { color: var(--accent-2); }
.eph-titre { font-family: var(--display); font-weight: 600; font-size: clamp(26px, 3.8vw, 44px); letter-spacing: 0.02em; }
.eyebrow { color: var(--accent); font-family: var(--display); letter-spacing: 0.24em; }

/* Riquadri ad arco */
.bloc { border-radius: 160px 160px var(--radius) var(--radius) / 60px 60px var(--radius) var(--radius); padding-top: clamp(34px, 5vw, 48px); border: 1px solid var(--line); border-top: 4px solid var(--accent-2); }
.bloc-titre { font-family: var(--display); justify-content: center; text-align: center; color: var(--lapis); letter-spacing: 0.08em; font-size: clamp(20px, 2.6vw, 28px); }
html[data-mode="sombre"] .bloc-titre { color: var(--accent-2); }
.bloc-titre::before, .bloc-titre::after { content: '✦'; background: none; transform: none; width: auto; height: auto; color: var(--accent-2); font-size: 14px; }
.ref-principale { text-align: center; font-family: var(--text-font); font-style: italic; font-size: 21px; color: var(--accent); }
.lettrine .initiale { font-family: var(--display); color: var(--lapis); font-size: 3.2em; border: 2px solid var(--accent-2); padding: 8px 10px 2px; margin: 6px 12px 0 0; background: var(--surface-2); line-height: 0.85; }
html[data-mode="sombre"] .lettrine .initiale { color: var(--accent-2); }
.texte-biblique { font-size: calc(21px * var(--fs)); }

.saint-portrait img { border-radius: 60px 60px 8px 8px; border: 3px solid var(--accent-2); }
.saint-sans-image { border-radius: 60px 60px 8px 8px; }
.saint-nom { font-family: var(--display); font-size: calc(21px * var(--fs)); letter-spacing: 0.03em; }
.badge-lit { background: var(--lapis); color: #fdf3df; }

/* Versetto : cielo stellato */
.carte-verset { background: radial-gradient(circle, rgba(227, 189, 98, 0.75) 0.9px, transparent 1.4px) 0 0 / 28px 28px, linear-gradient(160deg, var(--lapis), var(--lapis-2)); border: 3px solid var(--accent-2); text-align: center; border-radius: 120px 120px 14px 14px / 50px 50px 14px 14px; }
.carte-verset blockquote p { font-style: italic; }
.carte-verset blockquote p::before { color: #e3bd62; opacity: 1; }
.carte-verset figcaption { font-family: var(--display); letter-spacing: 0.1em; color: #f3d48b; }
.kit-button { background: var(--accent); border-radius: 999px; font-family: var(--display); letter-spacing: 0.08em; font-size: 14px; }
.outil { background: var(--surface); }
.mois-bloc { border-radius: 90px 90px 14px 14px / 40px 40px 14px 14px; padding-top: 26px; }
.mois-bloc h2 { font-family: var(--display); text-align: center; color: var(--lapis); }
.mois-jours a { border-radius: 50%; }
.seo-jour h2 { font-family: var(--display); color: var(--lapis); letter-spacing: 0.03em; font-size: clamp(22px, 3vw, 30px); }
html[data-mode="sombre"] .seo-jour h2, html[data-mode="sombre"] .mois-bloc h2 { color: var(--accent-2); }
#footer-placeholder { background: var(--lapis-2); color: #d9cdb6; border-top: 3px solid var(--accent-2); }
#footer-placeholder .footer-name { color: #fdf3df; font-family: var(--display); }
#footer-placeholder a, #footer-placeholder .footer-content { color: #d9cdb6; }