/* ============================================
   Charte visuelle du cours TOSA Python
   (cohérente avec les supports Word originaux)
   ============================================ */

:root {
  --tosa-primary: #2E75B6;
  --tosa-primary-dark: #1F4E79;
  --tosa-accent: #E67E22;
  --tosa-muted: #666666;
}

/* Titre principal de la page */
.quarto-title .title {
  color: var(--tosa-primary);
  font-weight: 700;
}
.quarto-title .subtitle {
  color: var(--tosa-accent);
  font-style: italic;
  font-weight: 400;
}

/* Titres hiérarchiques */
h1, .h1 { color: var(--tosa-primary); font-weight: 700; }
h2, .h2 { color: var(--tosa-primary); font-weight: 600; }
h3, .h3 { color: var(--tosa-primary-dark); font-weight: 600; }

/* Blocs de code avec bordure signature */
div.sourceCode {
  border-left: 3px solid var(--tosa-primary);
  border-radius: 4px;
}

/* Onglets de panel-tabset */
.panel-tabset > .nav-tabs {
  border-bottom: 2px solid var(--tosa-primary);
}
.panel-tabset > .nav-tabs > .nav-item > .nav-link.active {
  background-color: var(--tosa-primary);
  color: white;
  font-weight: 600;
  border-color: var(--tosa-primary);
}

/* Tableaux avec en-tête coloré */
table thead {
  background-color: var(--tosa-primary);
  color: white;
}
table thead th {
  border-color: var(--tosa-primary-dark) !important;
}
table {
  font-size: 0.95em;
}

/* Callouts un peu plus ronds et marqués */
.callout {
  border-radius: 6px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

/* Boutons sur la page d'accueil */
.btn-primary {
  background-color: var(--tosa-primary);
  border-color: var(--tosa-primary);
}
.btn-primary:hover {
  background-color: var(--tosa-primary-dark);
  border-color: var(--tosa-primary-dark);
}

/* Sidebar */
.sidebar-navigation .active {
  color: var(--tosa-primary) !important;
  font-weight: 600;
}

/* Cartes en page d'accueil */
.home-card {
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 1.2rem;
  margin-bottom: 1rem;
  transition: all 0.2s;
}
.home-card:hover {
  border-color: var(--tosa-primary);
  box-shadow: 0 4px 12px rgba(46, 117, 182, 0.12);
}
.home-card h3 {
  margin-top: 0;
}