/* =========================================================
   Thèmes utilisateur (3)
   - cinema: noir + or, texte blanc
   - slate : gris/bleu, texte noir
   - rose  : rose doux, texte sombre
   ========================================================= */

:root{
  --app-accent: #caa84a;
  --app-bg: #0b0f14;
  --app-surface: #121824;
  --app-text: #f3f5f7;
  --app-muted: rgba(243,245,247,.72);
  --app-border: rgba(255,255,255,.12);
}

/* Base helpers */
.app-navbar{border-bottom:1px solid var(--app-border)}
.theme-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .6rem;border-radius:999px;border:1px solid var(--app-border);background:rgba(255,255,255,.06)}

/* Header/Footer pro (logo + symboles) */
.brand-icons i{ color: var(--app-accent); }
.brand-badge{
  background: var(--app-accent) !important;
  border: 1px solid var(--app-accent) !important;
}
body.theme-cinema .brand-badge{ color:#111 !important; }
body.theme-slate .brand-badge, body.theme-rose .brand-badge{ color:#fff !important; }

.app-footer{
  border-top:1px solid var(--app-border);
  background: rgba(255,255,255,.06);
}
body.theme-cinema .app-footer{ background: rgba(0,0,0,.28); }
body.theme-slate .app-footer, body.theme-rose .app-footer{ background: rgba(255,255,255,.78); }
.app-footer .footer-icons i{ color: var(--app-accent); }

/* =====================
   CINEMA (noir/or)
   ===================== */
.theme-cinema{
  --app-accent:#d7b35a;
  --app-bg:#070a0e;
  --app-surface:#0f141d;
  --app-text:#f4f6f8;
  --app-muted:rgba(244,246,248,.70);
  --app-border:rgba(215,179,90,.22);
}
.theme-cinema body, body.theme-cinema{
  background: radial-gradient(1100px 600px at 10% 0%, rgba(215,179,90,.10), transparent 55%),
              radial-gradient(900px 600px at 90% 10%, rgba(255,255,255,.06), transparent 60%),
              var(--app-bg);
  color: var(--app-text);
}
.theme-cinema .app-navbar{background: linear-gradient(180deg, #0b0f16, #070a0e);} 
.theme-cinema .navbar-brand{color: var(--app-text) !important; letter-spacing:.2px}
.theme-cinema .navbar .btn{border-color: rgba(255,255,255,.22)}
.theme-cinema .navbar .btn.btn-warning{background: var(--app-accent); border-color: var(--app-accent); color:#111 !important}

/* Admin tabs */
.theme-cinema .admin-tabs .nav-link{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
.theme-cinema .admin-tabs .nav-link.active{background:var(--app-accent);border-color:var(--app-accent);color:#111}

/* =====================
   SLATE (gris/bleu)
   ===================== */
.theme-slate{
  --app-accent:#3567b3;
  --app-bg:#eef2f7;
  --app-surface:#ffffff;
  --app-text:#111827;
  --app-muted:rgba(17,24,39,.64);
  --app-border:rgba(17,24,39,.14);
}
.theme-slate body, body.theme-slate{ background: var(--app-bg); color: var(--app-text); }
.theme-slate .app-navbar{background: linear-gradient(180deg, #dbe6f6, #c8d8f0);} 
.theme-slate .navbar-brand{color: var(--app-text) !important; font-weight:700}
.theme-slate .navbar .btn{border-color: rgba(17,24,39,.22); color: var(--app-text) !important}
.theme-slate .navbar .btn.btn-warning{background: var(--app-accent); border-color: var(--app-accent); color:#fff !important}
.theme-slate .navbar .btn.btn-outline-light{border-color: rgba(17,24,39,.22); color: var(--app-text) !important}

.theme-slate .admin-tabs .nav-link{background:rgba(255,255,255,.8);border:1px solid rgba(17,24,39,.12);color:var(--app-text)}
.theme-slate .admin-tabs .nav-link.active{background:var(--app-accent);border-color:var(--app-accent);color:#fff}

/* =====================
   ROSE (doux)
   ===================== */
.theme-rose{
  --app-accent:#d66aa3;
  --app-bg:#fff3f8;
  --app-surface:#ffffff;
  --app-text:#2b2130;
  --app-muted:rgba(43,33,48,.62);
  --app-border:rgba(43,33,48,.14);
}
.theme-rose body, body.theme-rose{ background: var(--app-bg); color: var(--app-text); }
.theme-rose .app-navbar{background: linear-gradient(180deg, #ffe1ee, #ffd3e6);} 
.theme-rose .navbar-brand{color: var(--app-text) !important; font-weight:700}
.theme-rose .navbar .btn{border-color: rgba(43,33,48,.22); color: var(--app-text) !important}
.theme-rose .navbar .btn.btn-warning{background: var(--app-accent); border-color: var(--app-accent); color:#fff !important}
.theme-rose .navbar .btn.btn-outline-light{border-color: rgba(43,33,48,.22); color: var(--app-text) !important}

.theme-rose .admin-tabs .nav-link{background:rgba(255,255,255,.82);border:1px solid rgba(43,33,48,.12);color:var(--app-text)}
.theme-rose .admin-tabs .nav-link.active{background:var(--app-accent);border-color:var(--app-accent);color:#fff}

/* Cards + tables (subtil, sans casser Bootstrap) */
body.theme-cinema .card{border:1px solid rgba(0,0,0,.06)}
body.theme-slate .card, body.theme-rose .card{border:1px solid rgba(17,24,39,.08)}

/* Boutons outline (lecture) */
body.theme-slate .btn-outline-light,
body.theme-rose .btn-outline-light{color: var(--app-text) !important}