/* Teinte propre à bibelvers-des-tages.de (variante du thème « Nuit dorée »). */
:root {

}
/* bibelvers-des-tages.de : « Schlicht ». Schweizer Typografie, Tannengrün, große Ziffern, klare Linien. */
:root {
    --bg: #f3f1ea; --surface: #fbfaf6; --surface-2: #e8e5da; --ink: #151a17; --muted: #5b625d; --line: rgba(21, 26, 23, 0.14);
    --accent: #1f5a43; --accent-2: #d2452f; --accent-ink: #ffffff;
    --display: 'DM Serif Display', Georgia, serif; --body-font: 'IBM Plex Sans', system-ui, sans-serif; --text-font: 'Source Serif 4', Georgia, serif;
    --radius: 0px; --radius-sm: 0px; --shadow: none;
    --carte-1: #1f5a43; --carte-2: #0c241b;
}
html[data-mode="sombre"] {
    --bg: #101411; --surface: #161c18; --surface-2: #1e2620; --ink: #ecefe9; --muted: #a3aba5; --line: rgba(236, 239, 233, 0.14);
    --accent: #6fbf98; --accent-2: #ff7a63; --accent-ink: #101411;
}

#header-placeholder { background: var(--bg); border-bottom: 2px solid var(--ink); backdrop-filter: none; }
.site-brand { font-family: var(--body-font); font-weight: 600; font-size: 19px; letter-spacing: -0.01em; }
.site-brand span::after { content: '.'; color: var(--accent-2); }
#main-nav a { border-radius: 0; font-size: 14px; font-weight: 500; }
#main-nav a[aria-current="page"] { background: none; box-shadow: inset 0 -3px 0 var(--accent); }
#main-nav a.nav-cta { border: 2px solid var(--ink); }

/* Datum : große Ziffer, Monat darunter */
.ephemeride { grid-template-columns: auto 1fr; padding-bottom: 6px; }
.feuillet { background: none; border: 0; box-shadow: none; text-align: left; width: auto; min-width: 150px; }
.f-jour { background: none; color: var(--accent-2); padding: 0; text-align: left; font-size: 13px; letter-spacing: 0.12em; }
.f-num { font-family: var(--body-font); font-weight: 600; font-size: clamp(90px, 13vw, 150px); line-height: 0.9; letter-spacing: -0.05em; padding: 0; color: var(--accent); }
.f-mois { text-align: left; padding: 6px 0 0; font-size: 15px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.14em; color: var(--ink); }
.eph-titre { font-family: var(--display); font-weight: 400; font-size: clamp(32px, 4.6vw, 54px); letter-spacing: -0.01em; }
.eyebrow { color: var(--accent-2); letter-spacing: 0.2em; }
.eph-btn, .eph-aller input { border-radius: 0; border: 1.5px solid var(--ink); background: transparent; }

/* Raster : Vers über volle Breite, darunter Evangelium links, Heilige und Zufallsvers rechts */
@media (min-width: 1000px) {
    .theme-schlicht .jour-grille.jour-4 { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); column-gap: 40px; }
    .theme-schlicht .jour-grille.jour-4 > :first-child { grid-column: 1 / -1; grid-row: auto; }
    .theme-schlicht .jour-grille.jour-4 > .bloc-evangile { grid-row: span 2; }
}
.bloc { border: 0; border-top: 2px solid var(--ink); background: transparent; padding: 22px 0 0; box-shadow: none; }
.bloc-titre { font-family: var(--body-font); font-weight: 600; font-size: 14px; text-transform: uppercase; letter-spacing: 0.16em; color: var(--accent); }
.bloc-titre::before { width: 12px; height: 12px; border-radius: 0; transform: none; background: var(--accent-2); }
.ref-principale { font-family: var(--display); font-size: 26px; font-weight: 400; color: var(--ink); }
.lettrine .initiale { font-family: var(--body-font); font-weight: 600; color: var(--accent); font-size: 3.6em; padding: 4px 10px 0 0; }
.texte-biblique { font-size: calc(20px * var(--fs)); }
.texte-biblique sup { color: var(--accent-2); }

/* Der Vers als großes Zitat */
.bloc-verset .carte-verset { background: var(--surface); color: var(--ink); border-left: 10px solid var(--accent); border-radius: 0; padding: clamp(26px, 5vw, 56px) clamp(22px, 5vw, 64px); }
.carte-verset blockquote p { font-family: var(--display); font-size: calc(clamp(26px, 3.6vw, 44px) * var(--fs)); line-height: 1.22; }
.carte-verset blockquote p::before { content: '„'; color: var(--accent-2); opacity: 1; font-size: 90px; line-height: 0.5; margin-bottom: 18px; }
.carte-verset figcaption { color: var(--accent); font-size: 15px; text-transform: uppercase; letter-spacing: 0.14em; }
.carte-theme { color: var(--muted); }
.carte-aleatoire { border-left-color: var(--accent-2); }
.kit-button { border-radius: 0; background: var(--ink); color: var(--bg); }
.kit-button:hover { background: var(--accent); }
.btn-image { background: transparent; color: var(--ink); border: 1.5px solid var(--ink); }
.outil, .theme-btn { border-radius: 0; background: transparent; border: 1.5px solid var(--line); }
.saint-portrait img, .saint-sans-image { border-radius: 0; filter: grayscale(0.25); }
.saint-nom { font-family: var(--display); font-weight: 400; }
.badge-lit { border-radius: 0; background: var(--accent); color: #fff; }
.mois-bloc { border-radius: 0; border: 0; border-top: 2px solid var(--ink); background: transparent; }
.mois-bloc h2 { font-family: var(--body-font); font-weight: 600; text-transform: uppercase; letter-spacing: 0.12em; font-size: 15px; color: var(--accent); }
.mois-jours a { border-radius: 0; background: transparent; border: 1px solid var(--line); }
.seo-jour h2 { font-family: var(--display); font-weight: 400; }
.note-box { border-radius: 0; border-left: 4px solid var(--accent); }
.reglages { border-radius: 0; } .reglages button { border-radius: 0; }
#footer-placeholder { background: var(--ink); color: #c9cfc9; border-top: 0; }
#footer-placeholder .footer-name { color: #fff; font-family: var(--body-font); font-weight: 600; }
#footer-placeholder a, #footer-placeholder .footer-content { color: #c9cfc9; }
html[data-mode="sombre"] #footer-placeholder { background: #0a0d0b; }