/* === v1 — Base claire & pastels =============================== */
/* Palette */
:root{
  --brand:   #9cb8ff;   /* bleu pastel principal */
  --text:    #2b3441;   /* remplace #1b222c / noir par un gris doux */
  --bg:      #f7fafc;   /* fond clair */
  --muted:   #e6ebf2;   /* traits/séparateurs */
  --shadow:  0 8px 20px rgba(17,24,39,.06); /* ombrage léger */
}

/* Fond + texte global */
html, body{
  background: var(--bg) !important;
  color: var(--text) !important;
}

/* Topbars Overleaf (navbar / DS topbar) */
header.navbar, .navbar, .ol-navbar, .ds-topbar{
  background: #fff !important;
  border-bottom: 1px solid var(--muted) !important;
  box-shadow: var(--shadow) !important;
}

/* Liens dans la topbar (lisibles sur fond clair) */
.navbar a, .ds-topbar a, .ds-topbar .dropdown-toggle{
  color: var(--text) !important;
}

/* Bouton principal (ex: New Project) + hover doux */
.btn-primary, .ds-btn-primary{
  background-color: var(--brand) !important;
  border-color: var(--brand) !important;
  color: #0f172a !important;
}
.btn-primary:hover, .ds-btn-primary:hover{
  filter: brightness(.96) saturate(1.05);
}

/* Cartes / menus / modales = coins arrondis + ombre légère */
.card, .panel, .dropdown-menu, .modal-content{
  background: #fff !important;
  border: 1px solid var(--muted) !important;
  border-radius: 32px !important;
  box-shadow: var(--shadow) !important;
}

/* Champs de formulaire */
.form-control, .ds-input{
  border-radius: 10px !important;
  border-color: var(--muted) !important;
  background: #fff !important;
}
.form-control:focus, .ds-input:focus{
  border-color: var(--brand) !important;
  box-shadow: 0 0 0 .2rem rgba(124,184,255,.25) !important;
}

/* Couleur de sélection (UX) */
::selection{ background: rgba(124,184,255,.25); }

/* Onglets Bootstrap/Overleaf */
.nav-tabs .nav-link{
  color: var(--text) !important;
  border: 1px solid transparent !important;
  margin-right: .25rem !important;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}
.nav-tabs .nav-link:hover{
  background: rgba(124,184,255,.10) !important; /* bleu pastel léger */
  border-color: var(--muted) !important;
}
.nav-tabs .nav-link.active{
  color: #0f172a !important;
  background: #fff !important;
  border-color: var(--muted) var(--muted) #fff !important;
  box-shadow: 0 4px 12px rgba(17,24,39,.06) !important;
}


/* Tags/filters dans la colonne de gauche */
.project-list-sidebar-scroll .tag-name{
  border-radius: 999px !important;
  padding: .35rem .75rem !important;
  color: var(--text) !important;
}
.project-list-sidebar-scroll .tag-name:hover,
.project-list-sidebar-scroll .tag-name:focus{
  background: rgba(124,184,255,.12) !important;
  color: #0f172a !important;
  box-shadow: 0 2px 8px rgba(17,24,39,.06) !important;
}

/* Pastels cohérents pour les statuts */
.badge.bg-success, .label-success { background: #92e3a9 !important; color:#0f172a !important; }
.badge.bg-info                    { background: #8ed6ff !important; color:#0f172a !important; }
.badge.bg-warning                 { background: #ffd6a5 !important; color:#0f172a !important; }
.badge.bg-danger,  .label-important{ background: #ffb3c1 !important; color:#0f172a !important; }

.table{
  --bs-table-striped-bg: rgba(0,0,0,.025);
  --bs-table-hover-bg:   rgba(0,0,0,.035);
  border-color: var(--muted) !important;
  border-radius: 10px !important;
  overflow: hidden;
}
.table thead th{ border-bottom: 1px solid var(--muted) !important; }