/* Teinte propre à saint-du-jour-aujourdhui.fr (variante du thème « Nuit dorée »). */
:root {

}
/* saint-du-jour-aujourdhui.fr : « Livre d'heures ». Parchemin, rubriques rouges, filets d'or, lettrines enluminées. */
:root {
    --bg: #f5efe1; --surface: #fffcf4; --surface-2: #efe6d2; --ink: #2a2118; --muted: #6d5f4c; --line: rgba(84, 60, 30, 0.18);
    --accent: #9e2a22; --accent-2: #b8902f; --accent-ink: #fffcf4;
    --display: 'Cormorant Garamond', Georgia, serif; --body-font: 'Source Sans 3', system-ui, sans-serif; --text-font: 'EB Garamond', Georgia, serif;
    --radius: 6px; --radius-sm: 4px; --shadow: 0 1px 0 rgba(84, 60, 30, 0.08), 0 12px 28px rgba(84, 60, 30, 0.08);
    --carte-1: #7a1f19; --carte-2: #2a1a12;
}
html[data-mode="sombre"] {
    --bg: #17120e; --surface: #211a14; --surface-2: #2b221a; --ink: #f1e6cf; --muted: #b8a789; --line: rgba(241, 230, 207, 0.14);
    --accent: #e0756a; --accent-2: #d8b25a; --accent-ink: #17120e; --shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
}
body.theme-heures {
    background-image: radial-gradient(ellipse at 20% 0%, rgba(184, 144, 47, 0.10), transparent 55%), radial-gradient(ellipse at 100% 60%, rgba(158, 42, 34, 0.06), transparent 50%);
    background-attachment: fixed;
}

/* Double filet rouge et or sous l'en-tête, comme une page de manuscrit */
#header-placeholder { border-bottom: 0; box-shadow: 0 1px 0 var(--accent), 0 4px 0 var(--bg), 0 5px 0 var(--accent-2); }
.site-brand { font-size: 26px; font-weight: 700; letter-spacing: 0.01em; }
.site-brand span::first-letter { color: var(--accent); }
#main-nav a { font-variant: small-caps; letter-spacing: 0.04em; font-size: 16px; }
#main-nav a.nav-cta { border-color: var(--accent); color: var(--accent); }

/* Feuillet d'éphéméride : perforations, rubrique rouge */
.feuillet { border-radius: 4px; border: 1px solid var(--line); position: relative; padding-top: 10px; background: var(--surface); }
.feuillet::before { content: ''; position: absolute; top: 4px; left: 12px; right: 12px; height: 4px; background: radial-gradient(circle, var(--bg) 1.6px, transparent 2px) 0 0 / 10px 4px repeat-x; }
.f-jour { background: var(--accent); font-variant: small-caps; letter-spacing: 0.1em; font-family: var(--display); font-size: 17px; text-transform: none; }
.f-num { color: var(--ink); font-weight: 600; }
.f-mois { font-family: var(--display); font-size: 17px; font-style: italic; }
.eph-titre { font-weight: 600; }
.eyebrow { color: var(--accent); font-family: var(--display); font-size: 15px; font-style: italic; text-transform: none; letter-spacing: 0.02em; }

/* Blocs : titres en petites capitales rouges sous un fleuron */
.bloc { border-radius: 4px; border-color: var(--line); position: relative; }
.bloc::after { content: ''; position: absolute; inset: 6px; border: 1px solid rgba(184, 144, 47, 0.28); pointer-events: none; border-radius: 2px; }
.bloc-titre { font-variant: small-caps; color: var(--accent); letter-spacing: 0.05em; font-weight: 700; justify-content: center; text-align: center; flex-direction: column; gap: 2px; }
.bloc-titre::before { content: '❦'; background: none; transform: none; width: auto; height: auto; color: var(--accent-2); font-size: 20px; line-height: 1; }
.ref-principale { color: var(--accent); font-family: var(--display); font-size: 20px; font-style: italic; text-align: center; font-weight: 600; }

/* Lettrine enluminée */
.lettrine .initiale { font-size: 3.6em; color: var(--accent-ink); background: var(--accent); padding: 8px 10px 4px; margin: 6px 10px 0 0; line-height: 0.8; border: 3px double var(--accent-2); font-family: var(--display); font-weight: 700; }
.texte-biblique { font-size: calc(20px * var(--fs)); text-align: justify; hyphens: auto; }

/* Saint du jour, en tête et sur toute la largeur */
.theme-heures .jour-grille { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 1000px) {
    .theme-heures .jour-grille.jour-4 { grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); }
    .theme-heures .jour-grille.jour-4 > .bloc-saint { grid-column: 1 / -1; grid-row: auto; }
    .theme-heures .jour-grille.jour-4 > .bloc-evangile { grid-row: span 2; }
    .theme-heures .bloc-saint .saint-carte { grid-template-columns: 180px minmax(0, 1fr); }
    .theme-heures .bloc-saint .saint-portrait img, .theme-heures .bloc-saint .saint-sans-image { width: 180px; height: 225px; }
    .theme-heures .bloc-saint .autres-saints ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.fete { text-align: center; font-size: calc(30px * var(--fs)); font-style: italic; }
.saints-lit, .saints-ligne { text-align: center; }
.saint-portrait img { border-radius: 3px; border: 4px solid var(--surface); outline: 1px solid var(--accent-2); filter: sepia(0.15); }
.saint-nom { font-weight: 700; }

/* Verset : cartouche rubriqué */
.carte-verset { background: var(--surface-2); color: var(--ink); border: 1px solid var(--accent-2); border-radius: 4px; text-align: center; }
.carte-verset::before { content: ''; position: absolute; inset: 8px; border: 2px solid var(--accent); border-radius: 2px; pointer-events: none; opacity: 0.55; }
.carte-verset blockquote p { font-style: italic; }
.carte-verset blockquote p::before { color: var(--accent); opacity: 0.9; content: '«'; font-size: 60px; }
.carte-verset figcaption { color: var(--accent); font-family: var(--display); font-size: 20px; font-variant: small-caps; }
.carte-theme { color: var(--muted); }

.outil { border-radius: 4px; background: transparent; }
.kit-button { border-radius: 4px; font-variant: small-caps; letter-spacing: 0.06em; font-size: 16px; }
.mois-jours a { border-radius: 3px; font-family: var(--display); font-size: 17px; }
.mois-bloc h2 { color: var(--accent); font-variant: small-caps; text-align: center; }
.seo-jour h2 { color: var(--accent); font-variant: small-caps; }
.seo-jour h2::before { content: '❧ '; color: var(--accent-2); }
#footer-placeholder { background: transparent; box-shadow: 0 -1px 0 var(--accent-2), 0 -4px 0 var(--bg), 0 -5px 0 var(--accent); border-top: 0; }