/* ============================================
   IntuiStats — Thème aligné sur le logo
   Teal, or, crème, typo académique
   ============================================ */

:root {
  /* Palette logo IntuiStats */
  --intui-teal-dark: #005763;
  --intui-teal: #008696;
  --intui-teal-light: #6CB4CE;
  --intui-accent: #F5A623;
  --intui-cream: #f5f0e8;
  --intui-cream-border: #e8e0d4;
  --intui-text: #333333;
  --intui-text-muted: #5c6b6f;
  --intui-bg-subtle: #faf9f6;

  /* Bootstrap primary = teal IntuiStats */
  --bs-primary: #008696;
  --bs-primary-rgb: 0, 134, 150;
  --bs-secondary: #005763;
  --bs-secondary-rgb: 0, 87, 99;
}

/* Typographie : titres en serif (académique), corps en sans-serif */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Libre Baskerville", "Georgia", "Times New Roman", serif;
  color: var(--intui-teal-dark);
  font-weight: 600;
}

body {
  color: var(--intui-text);
  background-color: #fff;
}

/* Navbar IntuiStats : fond teal foncé */
.navbar-intuistats {
  background: linear-gradient(135deg, var(--intui-teal-dark) 0%, #004250 100%) !important;
  box-shadow: 0 2px 8px rgba(0, 87, 99, 0.2);
}

.navbar-intuistats .navbar-brand {
  font-family: "Libre Baskerville", "Georgia", serif;
  font-weight: 700;
  color: #fff !important;
  font-size: 1.35rem;
}

.navbar-intuistats .nav-link {
  color: rgba(255, 255, 255, 0.9) !important;
}

.navbar-intuistats .nav-link:hover,
.navbar-intuistats .nav-link:focus {
  color: var(--intui-teal-light) !important;
}

.navbar-intuistats .nav-link.active {
  color: var(--intui-accent) !important;
  font-weight: 600;
}

.navbar-intuistats .navbar-toggler {
  border-color: rgba(255, 255, 255, 0.4);
  color: #fff;
}

.navbar-intuistats .navbar-toggler-icon {
  filter: brightness(0) invert(1);
}

/* Boutons primaires : teal */
.btn-primary,
.btn-bd-primary {
  --bs-btn-bg: var(--intui-teal);
  --bs-btn-border-color: var(--intui-teal);
  --bs-btn-hover-bg: var(--intui-teal-dark);
  --bs-btn-hover-border-color: var(--intui-teal-dark);
  --bs-btn-active-bg: var(--intui-teal-dark);
  --bs-btn-active-border-color: var(--intui-teal-dark);
  --bs-btn-color: #fff;
  font-weight: 600;
}

.btn-outline-primary {
  --bs-btn-color: var(--intui-teal);
  --bs-btn-border-color: var(--intui-teal);
  --bs-btn-hover-bg: var(--intui-teal);
  --bs-btn-hover-border-color: var(--intui-teal);
  --bs-btn-hover-color: #fff;
}

.btn-outline-success {
  --bs-btn-color: var(--intui-teal);
  --bs-btn-border-color: var(--intui-teal);
  --bs-btn-hover-bg: var(--intui-teal);
  --bs-btn-hover-border-color: var(--intui-teal);
  --bs-btn-hover-color: #fff;
}

/* Liens */
a {
  color: var(--intui-teal);
}

a:hover {
  color: var(--intui-teal-dark);
}

/* Bloc d’accueil (hero) : fond crème, bordure discrète */
.hero-intuistats {
  background-color: var(--intui-cream);
  border: 1px solid var(--intui-cream-border);
  border-radius: 0.5rem;
}

.hero-intuistats .lead {
  color: var(--intui-text-muted);
}

.hero-intuistats .tagline {
  font-size: 0.95rem;
  color: var(--intui-text-muted);
  border-top: 1px solid var(--intui-cream-border);
  padding-top: 0.5rem;
  margin-top: 0.5rem;
}

/* Cartes et sections : léger fond crème pour les blocs */
.bg-body-tertiary {
  background-color: var(--intui-bg-subtle) !important;
  border: 1px solid var(--intui-cream-border);
}

/* Bordures et séparateurs */
.border-top {
  border-color: var(--intui-cream-border) !important;
}

.text-muted {
  color: var(--intui-text-muted) !important;
}

/* Formulaire : focus teal */
.form-control:focus,
.form-select:focus {
  border-color: var(--intui-teal-light);
  box-shadow: 0 0 0 0.2rem rgba(108, 180, 206, 0.25);
}

/* Tables APA : garder le style, couleurs cohérentes */
.apa-table {
  border-top: 2px solid var(--intui-teal-dark);
  border-bottom: 2px solid var(--intui-teal-dark);
  margin: 1rem;
}

.apa-table tr:first-child {
  border-bottom: 1px solid var(--intui-teal);
}

.apa-table td {
  padding: 5px;
  text-align: center;
}

.apa-table td:first-child {
  text-align: left;
}

/* Slider (range) : teal */
.slider {
  width: 100%;
}

input[type="range"]::-webkit-slider-thumb {
  background: var(--intui-teal);
}

input[type="range"]::-moz-range-thumb {
  background: var(--intui-teal);
}

/* Logo dans le hero (optionnel) */
.hero-intuistats .brand-logo {
  max-height: 4rem;
  width: auto;
}

/* Dropdown theme toggle : bouton teal */
.bd-mode-toggle .btn-bd-primary {
  background: var(--intui-teal) !important;
  border-color: var(--intui-teal) !important;
}

.bd-mode-toggle .btn-bd-primary:hover {
  background: var(--intui-teal-dark) !important;
  border-color: var(--intui-teal-dark) !important;
}