/* static/css/custom.css */
:root {
  --bnd-dark-primary: #1A1A1A;
  /* Noir/Gris très foncé (header ComeUp, cartes foncées) */
  --bnd-light-bg: #FFFFFF;
  /* Blanc (fond principal) */
  --bnd-accent: #FCDC3B;
  /* Jaune vif (accent principal ComeUp) */
  --bnd-accent-text: #1A1A1A;
  /* Texte sur fond accent (ex: texte noir sur bouton jaune) */
  --bnd-neutral-light: #F5F5F5;
  /* Gris clair/Blanc cassé (fonds de cartes claires, footers) */
  --bnd-text-dark: #333333;
  /* Texte foncé principal sur fonds clairs */
  --bnd-text-light: #FFFFFF;
  /* Texte clair principal sur fonds foncés */
  --bnd-border-color: #DEE2E6;
  /* Couleur de bordure par défaut (similaire à Bootstrap) ou #DDDDDD */

  /* Couleurs sémantiques pour l'application */
  --app-primary: var(--bnd-accent);
  /* Couleur primaire des actions sera notre jaune accent */
  --app-primary-text: var(--bnd-accent-text);
  /* Texte pour la couleur primaire */
  --app-secondary: #6c757d;
  /* Gris Bootstrap par défaut, peut être affiné */
  --app-secondary-text: #FFFFFF;

  /* Optionnel: Surcharger les variables Bootstrap si vous souhaitez un thème plus profond */
  /* --bs-primary: var(--app-primary); */
  /* --bs-primary-rgb: 252, 220, 59; */
  /* Correspondance RGB de --bnd-accent */
  /* --bs-body-color: var(--bnd-text-dark); */
  /* --bs-body-bg: var(--bnd-light-bg); */
  /* --bs-link-color: var(--bnd-accent); */
  /* Liens en jaune ? Ou un bleu plus traditionnel */
  /* --bs-link-hover-color: color-mix(in srgb, var(--bnd-accent) 80%, black); */

  /* Couleurs pour états (on peut garder celles de Bootstrap ou les personnaliser) */
  --app-success: #198754;
  /* Vert Bootstrap */
  --app-info: #0dcaf0;
  /* Cyan Bootstrap */
  --app-warning: #ffc107;
  /* Jaune/Orange Bootstrap */
  --app-danger: #dc3545;
  /* Rouge Bootstrap */
}

body {
  background-color: var(--bnd-light-bg);
  /* Fond général blanc */
  color: var(--bnd-text-dark);
  /* Texte général foncé */
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* Stack de polices Bootstrap */
}

/*
   Classes utilitaires personnalisées pour appliquer nos couleurs.
   Nous les utiliserons pour remplacer les classes Bootstrap comme bg-dark, btn-primary, etc.
   OU nous créerons des classes plus spécifiques pour des composants (ex: .navbar-custom, .card-custom-header)
*/

/* === Arrière-plans personnalisés === */
.bg-app-dark-primary {
  background-color: var(--bnd-dark-primary) !important;
}

.bg-app-accent {
  background-color: var(--bnd-accent) !important;
}

.bg-app-neutral-light {
  background-color: var(--bnd-neutral-light) !important;
}

/* === Textes personnalisés === */
.text-app-accent {
  color: var(--bnd-accent) !important;
}

.text-app-dark {
  color: var(--bnd-text-dark) !important;
}

/* Peut être redondant si c'est la couleur body par défaut */
.text-app-light {
  color: var(--bnd-text-light) !important;
}

.text-app-accent-contrast {
  color: var(--bnd-accent-text) !important;
}

/* Texte pour fond accentué */

/* === Boutons personnalisés === */
/* Bouton principal avec couleur accent */
.btn-app-accent {
  background-color: var(--app-primary);
  border-color: var(--app-primary);
  color: var(--app-primary-text);
}

.btn-app-accent:hover,
.btn-app-accent:focus {
  background-color: color-mix(in srgb, var(--app-primary) 90%, black);
  /* Un peu plus foncé */
  border-color: color-mix(in srgb, var(--app-primary) 85%, black);
  color: var(--app-primary-text);
}

/* Bouton foncé (comme les boutons "Achats/Ventes" de ComeUp) */
.btn-app-dark {
  background-color: var(--bnd-dark-primary);
  border-color: var(--bnd-dark-primary);
  color: var(--bnd-text-light);
}

.btn-app-dark:hover,
.btn-app-dark:focus {
  background-color: color-mix(in srgb, var(--bnd-dark-primary) 90%, #444);
  /* Un peu plus clair */
  border-color: color-mix(in srgb, var(--bnd-dark-primary) 85%, #444);
  color: var(--bnd-text-light);
}

/* Bouton outline "secondaire" (gris clair, comme "Profil Entreprise" sur ComeUp) */
.btn-outline-app-gray {
  color: var(--bnd-text-dark);
  border-color: var(--bnd-border-color);
  /* Bordure gris clair */
}

.btn-outline-app-gray:hover,
.btn-outline-app-gray:focus {
  color: var(--bnd-text-dark);
  background-color: var(--bnd-neutral-light);
  /* Fond gris très clair au survol */
  border-color: var(--bnd-border-color);
}

/* Liens - optionnel, on peut utiliser le style par défaut ou le personnaliser */
/*
a {
    color: var(--bnd-accent);
    text-decoration: none;
}
a:hover {
    color: color-mix(in srgb, var(--bnd-accent) 80%, black);
    text-decoration: underline;
}
*/

/* Surcharges spécifiques pour les composants Bootstrap au fur et à mesure */
/* Exemple : Pagination */
.pagination .page-item.active .page-link {
  background-color: var(--app-primary);
  border-color: var(--app-primary);
  color: var(--app-primary-text);
}

.pagination .page-link {
  color: var(--app-primary);
  /* Numéros de page en couleur accent */
}

.pagination .page-link:hover {
  color: color-mix(in srgb, var(--app-primary) 80%, black);
  background-color: var(--bnd-neutral-light);
  /* Léger fond au survol */
}

.pagination .page-item.disabled .page-link {
  color: #6c757d;
  /* Gris standard pour désactivé */
  background-color: transparent;
}