/* Thème 1 — Braine
   Sombre, moderne, animé. Idéal bien-être, spiritualité. */
@import url('_base.css');

:root {
    --yy-color-bg: #0f0f12;
    --yy-color-bg-alt: #18181d;
    --yy-color-text: #e9ecef;
    --yy-color-text-muted: #b8b8c0;
    --yy-color-border: rgba(255,255,255,0.08);
    --yy-color-principale: #e9ecef;
    --yy-color-secondaire: #771fe3;
    --yy-color-accent: #9d4dff;
}

.yy-nav { background: rgba(15,15,18,0.95); border-bottom-color: rgba(255,255,255,0.08); }
.yy-hero-title {
    background: linear-gradient(135deg, #e9ecef 0%, var(--yy-color-secondaire) 100%);
    -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent;
}
.yy-section-title { color: #fff; }
.yy-horaires-jour { background: var(--yy-color-bg-alt); }
.yy-contact-form { background: var(--yy-color-bg-alt); }
.yy-contact-field input, .yy-contact-field textarea { background: #0f0f12; color: #e9ecef; }
.yy-footer { background: #000; }

/* Galerie : ombre violette au hover, fond sombre */
.yy-galerie-item { background: var(--yy-color-bg-alt); border-color: rgba(255,255,255,0.08); }
.yy-galerie-item:hover { box-shadow: 0 14px 32px -4px rgba(119,31,227,0.35); border-color: rgba(119,31,227,0.4); }
.yy-galerie-caption { color: #b8b8c0; }