/*
 * ══════════════════════════════════════════════
 *  BUE-ESMER — Palette officielle du logo
 * ══════════════════════════════════════════════
 *
 *  Logo analysé :
 *    B      → Vert foncé  #1a6b2a
 *    U      → Bleu        #1a3f8f
 *    E      → Jaune/Or    #f5c400
 *    Feuilles / éolienne  → Vert moyen  #2d9e3a
 *    Panneaux solaires    → Bleu foncé  #1a3f8f
 *    Soleil               → Jaune vif   #f5c400
 *    Personnages          → Bleu / Vert / Jaune
 */

:root {
  /* ── Couleurs primaires (logo) ── */
  --bue-green-dark : #1a6b2a;   /* Vert foncé — B du logo */
  --bue-green      : #2d9e3a;   /* Vert moyen — feuilles, éolienne */
  --bue-green-light: #34b84a;   /* Vert clair — gradients */
  --bue-blue       : #1a3f8f;   /* Bleu — U du logo, panneaux */
  --bue-blue-light : #2a5bc4;   /* Bleu clair — variantes */
  --bue-yellow     : #f5c400;   /* Jaune/Or — E du logo, soleil */
  --bue-yellow-dark: #d4a800;   /* Jaune foncé — hover états */

  /* ── Neutres ── */
  --bue-bg         : #f0f7f1;   /* Fond général (teinte verte très légère) */
  --bue-bg-card    : #ffffff;
  --bue-sidebar-bg : #1a6b2a;
  --bue-sidebar-border: #155a22;
  --bue-text-dark  : #1a2e1c;
  --bue-text-muted : #6b7a6e;

  /* ── Sidebar textes ── */
  --bue-sidebar-text       : #a8d5b0;
  --bue-sidebar-text-light : #7ec993;
  --bue-sidebar-hover      : #155a22;
}

/* ── Utilitaires globaux ── */
* { box-sizing: border-box; }

body {
  background-color: var(--bue-bg);
  color: var(--bue-text-dark);
  font-family: 'Inter', 'Segoe UI', sans-serif;
}

/* Scrollbar personnalisée */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #f0f7f1; }
::-webkit-scrollbar-thumb { background: #2d9e3a; border-radius: 99px; }
::-webkit-scrollbar-thumb:hover { background: #1a6b2a; }

/* Sélection de texte */
::selection { background: #f5c400; color: #1a2e1c; }

/* ── Sidebar ── */
#sidebar {
  background: var(--bue-green-dark);
}
.sidebar-nav-active {
  background: var(--bue-yellow) !important;
  color: #fff !important;
  font-weight: 700;
}
.sidebar-nav-link {
  color: var(--bue-sidebar-text);
  transition: background .18s, color .18s;
}
.sidebar-nav-link:hover {
  background: var(--bue-sidebar-hover);
  color: #fff;
}

/* ── Boutons ── */
.btn-primary {
  background: var(--bue-green-dark);
  color: #fff;
  border-radius: .75rem;
  font-weight: 700;
  transition: background .18s, transform .15s;
}
.btn-primary:hover {
  background: var(--bue-green);
  transform: translateY(-1px);
}

.btn-accent {
  background: var(--bue-yellow);
  color: #fff;
  border-radius: .75rem;
  font-weight: 700;
  transition: background .18s;
}
.btn-accent:hover { background: var(--bue-yellow-dark); }

.btn-blue {
  background: var(--bue-blue);
  color: #fff;
  border-radius: .75rem;
  font-weight: 700;
  transition: background .18s;
}
.btn-blue:hover { background: var(--bue-blue-light); }

/* ── Cards ── */
.bue-card {
  background: #fff;
  border-radius: 1rem;
  border: 1px solid #e2ede4;
  box-shadow: 0 2px 8px rgba(26,107,42,.07);
  transition: transform .2s, box-shadow .2s;
}
.bue-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 28px rgba(26,107,42,.13);
}

/* ── Inputs ── */
.bue-input {
  border: 1px solid #c5ddc9;
  border-radius: .625rem;
  padding: .6rem 1rem;
  font-size: .875rem;
  width: 100%;
  background: #fff;
  transition: border-color .18s, box-shadow .18s;
}
.bue-input:focus {
  outline: none;
  border-color: var(--bue-green);
  box-shadow: 0 0 0 3px rgba(45,158,58,.15);
}

/* ── Badges catégories événements ── */
.badge-conference { background:#dbeafe; color:#1a3f8f; }
.badge-atelier    { background:#dcfce7; color:#1a6b2a; }
.badge-hackathon  { background:#fef9c3; color:#a16207; }
.badge-seminaire  { background:#f3e8ff; color:#7e22ce; }
.badge-ceremonie  { background:#ffe4e6; color:#be123c; }
.badge-sport      { background:#ffedd5; color:#c2410c; }

/* ── Hero gradient ── */
.bue-hero-gradient {
  background: linear-gradient(135deg, var(--bue-green-dark) 0%, var(--bue-green) 60%, var(--bue-green-light) 100%);
}

/* ── Accent line (décoratif) ── */
.bue-accent-bar {
  height: 4px;
  background: linear-gradient(90deg, var(--bue-green-dark), var(--bue-yellow), var(--bue-blue));
  border-radius: 2px;
}

/* ── Couleurs Tailwind custom (utilisées inline) ── */
/* green-dark : #1a6b2a  |  green : #2d9e3a  |  yellow : #f5c400  |  blue : #1a3f8f */