/* inca-plugins.css — habillage des greffons d'Inca (js/plugins/) par les JETONS d'Inca. Aucun nom de projet.

   Même principe que le cœur (inca.map.css) : les règles des greffons ne contiennent aucune couleur d'interface, elles lisent
   des variables ; un thème d'Inca ne fait que redonner d'autres valeurs à ces variables.

   À charger APRÈS inca.map.css (il lit ses jetons : --inca-glass-*, --inca-ink-rgb, --inca-deep-rgb…) et AVANT la feuille de mise en
   page de la page (belleile.css). Deux parties :
     1. Les jetons de ÉTAT communs aux panneaux (en direct, échec, alerte, accent…).
     2. Le PONT vers les variables des bibliothèques (--vl-*, --vo-*, --vw-*) : les bibliothèques sont indépendantes d'Inca et ne
        connaissent aucun jeton d'Inca ; c'est ici, côté Inca, qu'on leur prête l'aspect du verre. */

/* ── 1. Jetons d'état ─────────────────────────────────────────────────────────────────────────────────────── */
.inca-popup[type="map-window"] {
  /* « En direct » (pastille verte), figé (gris), échec (rouge) */
  --inca-live-bg: rgba(120, 220, 140, 0.22);
  --inca-live-bg-soft: rgba(120, 220, 140, 0.16);
  --inca-live-border: rgba(120, 220, 140, 0.4);
  --inca-live-pill: rgba(123, 216, 143, 0.18);
  --inca-live-text: #d3f7da;
  --inca-live-dot: #7bd88f;
  --inca-idle-dot: #cfd8dc;
  --inca-fail-bg: rgba(244, 67, 54, 0.28);
  --inca-error-bg: rgba(239, 83, 80, 0.28);
  --inca-error-text: #ffd7d5;
  /* Alertes : attention (orange) et forte (rouge) */
  --inca-warn: #ffb300;
  --inca-warn-bg: rgba(255, 179, 0, 0.26);
  --inca-warn-border: rgba(255, 193, 7, 0.65);
  --inca-warn-text: #fff3cd;
  --inca-warn-soft: #ffe082;
  --inca-on-warn: #3b2a00;                 /* texte sur un fond --inca-warn */
  --inca-danger: #f44336;
  --inca-danger-bg: rgba(244, 67, 54, 0.32);
  --inca-danger-border: rgba(255, 138, 128, 0.8);
  --inca-danger-text: #ffe0dc;
  --inca-danger-soft: #ff8a80;
  --inca-caution: #ffca28;                 /* mise en évidence jaune (niveau de marée, rayons du soleil) */
  --inca-caution-bg: rgba(255, 202, 40, 0.25);
  --inca-caution-border: rgba(255, 202, 40, 0.6);
  /* Accent bleu (pluie, flèche de marée, repères d'information) */
  --inca-accent: #90caf9;
  --inca-accent-bg: rgba(144, 202, 249, 0.2);
  --inca-accent-border: rgba(144, 202, 249, 0.55);
  --inca-accent-text: #e3f2fd;
  --inca-chip-bg: #0d2b45;                 /* pastille foncée portant une flèche */
  --inca-on-accent: #fff;                  /* texte sur une pastille de couleur */
  --inca-warm: #ffcc80;
  --inca-cyan: #b2ebf2;
  --inca-good: #43a047;
  --inca-on-grade: #0b1a22;                /* texte sur une pastille de score clair */
  --inca-ink-text: #12343b;                /* texte posé sur un fond d'encre (jour sélectionné, liste déroulante) */
  --inca-note-bg: rgba(8, 18, 45, 0.35);   /* encart sombre dans un panneau */
  /* Texte des raisons favorables / défavorables du panneau Photo */
  --inca-tone-good: #a5d6a7;
  --inca-tone-bad: #ef9a9a;
  /* Heures du photographe : dorée et bleue */
  --inca-golden: #ffa726;
  --inca-golden-bg: rgba(255, 152, 0, 0.16);
  --inca-blue-hour: #64b5f6;
  --inca-blue-hour-bg: rgba(66, 165, 245, 0.16);
}

/* ── 2. Pont vers les bibliothèques indépendantes ──────────────────────────────────────────────────────────
   Chaque bibliothèque définit ses variables sur ses propres panneaux (spécificité 0,1,0) : ces règles (0,3,0) les remplacent. */
.inca-popup[type="map-window"] .inca-sun-panel {                           /* vitruve-lighting */
  --vl-bg: var(--inca-glass-bg-text);
  --vl-fg: var(--inca-glass-text);
  --vl-border: rgba(var(--inca-ink-rgb, 255, 255, 255), 0.18);
}
.inca-popup[type="map-window"] :is(.inca-tide-panel, .inca-meteo-panel, .inca-currents-legend, .inca-currents-readout) {   /* vitruve-ocean */
  --vo-bg: var(--inca-glass-bg-text);
  --vo-fg: var(--inca-glass-text);
  --vo-border: rgba(var(--inca-ink-rgb, 255, 255, 255), 0.18);
  --vo-font: var(--inca-font, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);
}
.inca-popup[type="map-window"] .inca-weather-panel {                       /* vitruve-weather */
  --vw-bg: var(--inca-glass-bg-text);
  --vw-fg: var(--inca-glass-text);
  --vw-border: rgba(var(--inca-ink-rgb, 255, 255, 255), 0.18);
  --vw-accent: var(--inca-accent);
  --vw-font: var(--inca-font, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);
}