/**
 * Dynamische Gebetszeit-Farbschemata — Ottoman Modern
 * Subtile Farbakzente je nach aktiver Gebetszeit.
 */

/* === BASIS-TRANSITION === */
.topbar,
.btn--primary,
.prayer-countdown-banner,
.prayer-countdown-banner::before,
.prayer-sticky__toggle,
.prayer-card--current,
.event-card__date-block,
.section-eyebrow,
.news-card__cat,
.event-card__cat,
.topbar__prayer-countdown,
.page-hero,
.single-post__cat {
    transition-property: background, background-color, border-color, color, fill;
    transition-duration: 900ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

/* ============================================================
   FAJR — Deep Teal (Morgengrauen)
   ============================================================ */
body.prayer-fajr {
    --prayer-color:       #1a5c6b;
    --prayer-color-light: #2a7a8c;
    --prayer-color-dark:  #0e3d49;
    --prayer-color-rgb:   26, 92, 107;
}
body.prayer-fajr .topbar { background: #0e3d49; }
body.prayer-fajr .prayer-countdown-banner { background: #0e3d49; }
body.prayer-fajr .prayer-countdown-banner::before { background: #2a7a8c; }

/* ============================================================
   DHUHR — Warm Gold (Mittag)
   ============================================================ */
body.prayer-dhuhr {
    --prayer-color:       #a88830;
    --prayer-color-light: #c9a84c;
    --prayer-color-dark:  #7a6220;
    --prayer-color-rgb:   168, 136, 48;
}
body.prayer-dhuhr .topbar { background: #1a1200; }
body.prayer-dhuhr .prayer-countdown-banner { background: #1a1200; }
body.prayer-dhuhr .prayer-countdown-banner::before { background: #c9a84c; }

/* ============================================================
   ASR — Sienna (Nachmittag)
   ============================================================ */
body.prayer-asr {
    --prayer-color:       #8b4513;
    --prayer-color-light: #a0522d;
    --prayer-color-dark:  #6b3410;
    --prayer-color-rgb:   139, 69, 19;
}
body.prayer-asr .topbar { background: #1a0d05; }
body.prayer-asr .prayer-countdown-banner { background: #1a0d05; }
body.prayer-asr .prayer-countdown-banner::before { background: #a0522d; }

/* ============================================================
   MAGHRIB — Deep Plum (Sonnenuntergang)
   ============================================================ */
body.prayer-maghrib {
    --prayer-color:       #4a2060;
    --prayer-color-light: #6b3585;
    --prayer-color-dark:  #321545;
    --prayer-color-rgb:   74, 32, 96;
}
body.prayer-maghrib .topbar { background: #1a0a25; }
body.prayer-maghrib .prayer-countdown-banner { background: #1a0a25; }
body.prayer-maghrib .prayer-countdown-banner::before { background: #6b3585; }

/* ============================================================
   ISHA — Navy (Nacht)
   ============================================================ */
body.prayer-isha {
    --prayer-color:       #1a3050;
    --prayer-color-light: #2a4a72;
    --prayer-color-dark:  #0f1f35;
    --prayer-color-rgb:   26, 48, 80;
}
body.prayer-isha .topbar { background: #0f1f35; }
body.prayer-isha .prayer-countdown-banner { background: #060e1a; }
body.prayer-isha .prayer-countdown-banner::before { background: #c9a84c; }

/* ============================================================
   FREITAG — Gold Akzent
   ============================================================ */
body.is-friday {
    --friday-color:       #a88830;
    --friday-color-light: #c9a84c;
}
body.is-friday .navbar { border-bottom-color: rgba(201,168,76,0.2); }
body.is-friday .btn--primary { background: #a88830; border-color: #a88830; }
body.is-friday .btn--primary:hover { background: #c9a84c; border-color: #c9a84c; color: var(--color-navy); }
body.is-friday .section-eyebrow { color: var(--friday-color); }
body.is-friday .prayer-card--current { background: #1a1200; }
body.is-friday .prayer-countdown-banner { background: #1a1200; }
body.is-friday .prayer-countdown-banner::before { background: var(--friday-color-light); }
body.is-friday .topbar { background: #12100a; }

/* ============================================================
   DARK MODE
   ============================================================ */
[data-theme="dark"] .prayer-card { background: #132030; border-color: rgba(255,255,255,0.04); }
[data-theme="dark"] .prayer-card:hover { background: #1a2d42; }
[data-theme="dark"] .prayer-card--current { background: #060e1a; }
[data-theme="dark"] .prayer-countdown-banner { border-color: rgba(201,168,76,0.15); }
[data-theme="dark"] .bank-card { background: #132030; }
[data-theme="dark"] .footer { background: #040b14; }
[data-theme="dark"] .prayer-section { background: #0a1220; }
[data-theme="dark"] .events-section { background: #0a1220; }
[data-theme="dark"] .contact-strip { background: #0a1220; }
[data-theme="dark"] .spenden-cta { background: #060e1a; }