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

}
/* evangelio-del-dia.es : « Azulejo ». Blanco de cal, azul cobalto, cenefa de azulejos, acentos azafrán. */
:root {
    --bg: #f8fafd; --surface: #ffffff; --surface-2: #eaf0f9; --ink: #13233f; --muted: #56647d; --line: rgba(29, 78, 158, 0.14);
    --accent: #1d4e9e; --accent-2: #e2a72e; --accent-ink: #ffffff; --cobalto: #1d4e9e;
    --display: 'Fraunces', Georgia, serif; --body-font: 'Nunito Sans', system-ui, sans-serif; --text-font: 'Source Serif 4', Georgia, serif;
    --radius: 4px; --radius-sm: 4px; --shadow: 0 10px 26px rgba(19, 35, 63, 0.08);
    --carte-1: #1d4e9e; --carte-2: #0c2557;
    --azulejo: conic-gradient(from 45deg at 50% 50%, var(--cobalto) 0 25%, transparent 0 50%, var(--cobalto) 0 75%, transparent 0) 0 0 / 16px 16px,
        radial-gradient(circle at 50% 50%, var(--accent-2) 0 2px, transparent 2.5px) 0 0 / 16px 16px, #ffffff;
}
html[data-mode="sombre"] {
    --bg: #0c1424; --surface: #121d33; --surface-2: #192743; --ink: #e8eefb; --muted: #a2b0c9; --line: rgba(232, 238, 251, 0.13);
    --accent: #7aa7ee; --accent-2: #f0bf55; --accent-ink: #0c1424; --shadow: 0 10px 26px rgba(0, 0, 0, 0.45);
}

/* Cenefa de azulejos bajo la cabecera */
#header-placeholder { border-bottom: 0; background: var(--bg); }
#header-placeholder::after { content: ''; display: block; height: 16px; background: var(--azulejo); border-top: 2px solid var(--cobalto); border-bottom: 2px solid var(--cobalto); }
.site-brand { font-family: var(--display); font-weight: 700; font-size: 23px; color: var(--cobalto); }
html[data-mode="sombre"] .site-brand { color: var(--ink); }
#main-nav a { font-weight: 700; font-size: 14px; }
#main-nav a.nav-cta { background: var(--cobalto); color: #fff; border: 0; }
@media (max-width: 899px) { #main-nav { inset: 84px 0 auto 0; } }

/* Fecha : azulejo */
.feuillet { border-radius: 4px; border: 0; box-shadow: 0 0 0 6px #fff, 0 0 0 8px var(--cobalto), var(--shadow); margin: 8px; }
.f-jour { background: var(--cobalto); text-transform: uppercase; letter-spacing: 0.14em; font-size: 12px; }
.f-num { font-family: var(--display); color: var(--cobalto); font-weight: 700; }
html[data-mode="sombre"] .f-num { color: var(--accent-2); }
.f-mois { text-transform: uppercase; letter-spacing: 0.12em; font-size: 11px; font-weight: 700; }
.eph-titre { font-weight: 700; letter-spacing: -0.01em; }
.eyebrow { color: var(--accent-2); }

/* Bloques con esquinas de azulejo */
.bloc { border-radius: 4px; border: 1px solid var(--line); position: relative; overflow: hidden; }
.bloc::before, .bloc::after { content: ''; position: absolute; width: 38px; height: 38px; background: var(--azulejo); opacity: 0.9; }
.bloc::before { top: 0; left: 0; clip-path: polygon(0 0, 100% 0, 0 100%); }
.bloc::after { bottom: 0; right: 0; clip-path: polygon(100% 0, 100% 100%, 0 100%); }
.bloc-titre { font-weight: 700; color: var(--cobalto); padding-left: 18px; }
html[data-mode="sombre"] .bloc-titre { color: var(--accent); }
.bloc-titre::before { background: var(--accent-2); border-radius: 0; }
.ref-principale { color: var(--muted); font-style: italic; font-weight: 400; font-family: var(--text-font); font-size: 18px; border-left: 4px solid var(--accent-2); padding-left: 12px; }
.lettrine .initiale { font-family: var(--display); font-weight: 700; color: #fff; background: var(--cobalto); padding: 10px 12px 4px; margin: 6px 12px 0 0; box-shadow: 0 0 0 3px #fff, 0 0 0 5px var(--accent-2); }
.texte-biblique { font-size: calc(20px * var(--fs)); }

.saint-portrait img { border-radius: 4px; box-shadow: 0 0 0 4px #fff, 0 0 0 6px var(--cobalto); }
.saint-nom { font-weight: 700; }
.badge-lit { background: var(--cobalto); color: #fff; }

/* Versículo : panel de azulejos */
.carte-verset { background: linear-gradient(rgba(12, 37, 87, 0.86), rgba(12, 37, 87, 0.92)), var(--azulejo); border-radius: 4px; border: 6px solid #fff; outline: 2px solid var(--cobalto); }
.carte-verset blockquote p::before { color: var(--accent-2); opacity: 1; }
.carte-verset figcaption { color: var(--accent-2); font-family: var(--display); font-size: 20px; }
.kit-button { border-radius: 4px; background: var(--cobalto); }
.btn-image { background: transparent; color: var(--cobalto); border-color: var(--cobalto); }
.outil { border-radius: 4px; }
.eph-btn, .eph-aller input, .theme-btn { border-radius: 4px; }
.mois-bloc { border-radius: 4px; border-top: 6px solid var(--cobalto); }
.mois-bloc h2 { color: var(--cobalto); font-weight: 700; }
.mois-jours a { border-radius: 2px; }
.seo-jour h2 { color: var(--cobalto); font-weight: 700; }
html[data-mode="sombre"] .seo-jour h2, html[data-mode="sombre"] .mois-bloc h2 { color: var(--accent); }
#footer-placeholder { border-top: 0; background: var(--surface-2); }
#footer-placeholder::before { content: ''; display: block; height: 16px; background: var(--azulejo); border-top: 2px solid var(--cobalto); border-bottom: 2px solid var(--cobalto); }