/* ==================================== */
/* DARK THEME - PARTOGRAMME             */
/* Overrides spécifiques Partogramme    */
/* ==================================== */

/*
 * Ce fichier étend shared/css/dark-theme.css
 * avec les styles spécifiques au Partogramme:
 * - Couleurs RCF WCAG AA
 * - Composants metier (graphique, symboles)
 */

/* ============================================
   COULEURS RCF DARK MODE (WCAG AA)
   Contraste minimum 4.5:1 sur fond sombre
   ============================================ */

:root {
  /* Couleurs RCF pour light mode (reference) : fonds et remplissages */
  --rcf-normal: #22c55e;
  --rcf-faible-risque: #eab308;
  --rcf-risque-intermediaire: #f97316;
  --rcf-risque-important: #c2410c;
  --rcf-risque-majeur: #ef4444;
  --rcf-incomplet: #94a3b8;

  /* Couleurs RCF ajustees dark mode (WCAG AA) */
  --rcf-normal-dark: #4ade80;
  --rcf-faible-risque-dark: #fbbf24;
  --rcf-risque-intermediaire-dark: #fb923c;
  --rcf-risque-important-dark: #f4511e;
  --rcf-risque-majeur-dark: #f87171;
  --rcf-incomplet-dark: #94a3b8;

  /* Couleurs RCF de texte (A11Y-05) : 4,54 à 8,63:1 sur --bg-sidebar, 4,92 à 9,37:1 sur
     --bg-canvas. Les --rcf-* ci-dessus servent de fonds : trop clairs pour du texte */
  --rcf-normal-text: #15803d;
  --rcf-faible-risque-text: #a16207;
  --rcf-risque-intermediaire-text: #c2410c;
  /* Plus foncé que le risque d'acidose, à l'œil distinct de lui et du risque majeur
     (ΔE2000 15,5 et 12,5) */
  --rcf-risque-important-text: #7c2d12;
  --rcf-risque-majeur-text: #b91c1c;
  --rcf-incomplet-text: #475569;

  /* Texte des bandeaux et toasts d'alerte (A11Y-05) : #1A1A1A sur jaune, orange et
     rouge (9,08 / 6,21 / 4,62:1) ; blanc sur le fond « info » (5,05:1) */
  --alert-text: #1A1A1A;
  --alert-info-text: #FFFFFF;
}

/* ============================================
   OVERRIDES RCF POUR DARK MODE
   ============================================ */

[data-theme="dark"] {
  /* Couleurs RCF dark mode */
  --rcf-normal: var(--rcf-normal-dark);
  --rcf-faible-risque: var(--rcf-faible-risque-dark);
  --rcf-risque-intermediaire: var(--rcf-risque-intermediaire-dark);
  --rcf-risque-important: var(--rcf-risque-important-dark);
  --rcf-risque-majeur: var(--rcf-risque-majeur-dark);
  --rcf-incomplet: var(--rcf-incomplet-dark);

  /* Texte : 4,80 à 9,99:1 sur --bg-sidebar sombre ; risque important #f4511e, plus
     rouge que le risque d'acidose #fb923c (ΔE2000 16,9 ; 15,4 avec le risque majeur) */
  --rcf-normal-text: var(--rcf-normal-dark);
  --rcf-faible-risque-text: var(--rcf-faible-risque-dark);
  --rcf-risque-intermediaire-text: var(--rcf-risque-intermediaire-dark);
  --rcf-risque-important-text: var(--rcf-risque-important-dark);
  --rcf-risque-majeur-text: var(--rcf-risque-majeur-dark);
  --rcf-incomplet-text: var(--rcf-incomplet-dark);

  /* #1A1A1A sur les quatre fonds d'alerte sombres (6,23 à 10,43:1) */
  --alert-info-text: #1A1A1A;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    /* Couleurs RCF dark mode */
    --rcf-normal: var(--rcf-normal-dark);
    --rcf-faible-risque: var(--rcf-faible-risque-dark);
    --rcf-risque-intermediaire: var(--rcf-risque-intermediaire-dark);
    --rcf-risque-important: var(--rcf-risque-important-dark);
    --rcf-risque-majeur: var(--rcf-risque-majeur-dark);
    --rcf-incomplet: var(--rcf-incomplet-dark);

    --rcf-normal-text: var(--rcf-normal-dark);
    --rcf-faible-risque-text: var(--rcf-faible-risque-dark);
    --rcf-risque-intermediaire-text: var(--rcf-risque-intermediaire-dark);
    --rcf-risque-important-text: var(--rcf-risque-important-dark);
    --rcf-risque-majeur-text: var(--rcf-risque-majeur-dark);
    --rcf-incomplet-text: var(--rcf-incomplet-dark);

    --alert-info-text: #1A1A1A;
  }
}

/* ============================================
   CLASSIFICATION RCF EN TEXTE (A11Y-05)
   Aperçu du formulaire, carte Bébé, résumé latéral
   ============================================ */

.rcf-text.rcf-normal { color: var(--rcf-normal-text); }
.rcf-text.rcf-faible-risque { color: var(--rcf-faible-risque-text); }
.rcf-text.rcf-risque-intermediaire { color: var(--rcf-risque-intermediaire-text); }
.rcf-text.rcf-risque-important { color: var(--rcf-risque-important-text); }
.rcf-text.rcf-risque-majeur { color: var(--rcf-risque-majeur-text); }
.rcf-text.rcf-incomplet { color: var(--rcf-incomplet-text); }

/* ============================================
   COMPOSANTS SPECIFIQUES PARTOGRAMME
   ============================================ */

/* Graphique SVG - fond adapte */
[data-theme="dark"] .graph-wrapper {
  background: var(--bg-canvas);
}

[data-theme="dark"] #partogram-svg {
  background: var(--bg-canvas);
}

/* Panel d'observation */
[data-theme="dark"] .observation-panel {
  background: rgba(0, 0, 0, 0.7);
}

[data-theme="dark"] .panel-inner {
  background: var(--bg-canvas);
  border-color: var(--border-medium);
}

/* Cards metier */
[data-theme="dark"] .bebe-rcf-card,
[data-theme="dark"] .postpartum-hemorragie-card {
  background: var(--bg-sidebar);
  border-color: var(--border-light);
}

/* RCF Classification */
[data-theme="dark"] .rcf-classification {
  background: var(--bg-sidebar);
}

/* Legend toggles */
[data-theme="dark"] .legend-toggle {
  background: var(--bg-input);
  border-color: var(--border-medium);
  color: var(--text-secondary);
}

[data-theme="dark"] .legend-toggle.is-active {
  background: var(--bg-hover);
  color: var(--text-primary);
}

/* Symboles RCF dans graphique */
[data-theme="dark"] .symbol-dilatation {
  color: var(--accent-primary);
}

[data-theme="dark"] .symbol-descente {
  color: var(--text-primary);
}

[data-theme="dark"] .symbol-alert {
  color: var(--rcf-risque-majeur);
}

/* Barre d'onglets : css/main.css y repose le voile crème du thème clair, qui
   l'emporte sur la règle de shared/css/dark-theme.css (A11Y-07) */
[data-theme="dark"] .partogramme-main .nav-tabs {
  background: var(--bg-sidebar);
}

/* View toggles */
[data-theme="dark"] .view-toggles {
  background: var(--bg-sidebar);
  border-color: var(--border-medium);
}

[data-theme="dark"] .btn-toggle.active {
  background: var(--bg-input);
  color: var(--accent-primary);
}

/* ============================================
   TRANSITIONS SPECIFIQUES PARTOGRAMME
   ============================================ */

.main-area,
.workflow-panel,
.panel-inner {
  transition: background-color 0.3s ease,
              border-color 0.3s ease,
              color 0.3s ease;
}