/* pop.css — thème « pop » d'Inca : joyeux et enfantin, au style des scènes 3D (rainette, goéland, plage).

   Couleurs reprises du code des scènes : vert pomme et vert feuille de la rainette (#8fd46a, #5fae45, contour #2f7a35), ventre crème (#f7f0c8),
   marinière du goéland (#274c82, #1d3a66), rouge (#d9363e), jaune (#ffc400), orange (#f08c00), mer (#1d7fd6) et ciel (#cfe8ff) de la plage.
   Style des scènes : aplats francs, contours épais, coins très arrondis. Ici : contour marine de 2,5 px (--inca-border-w), ombre dure sans flou
   façon autocollant, flou du verre à zéro, panneaux crème presque opaques.

   Police : Fredoka (SIL Open Font License, voir fonts/Fredoka-OFL.txt), sous-ensemble latin à poids variable (fonts/Fredoka-latin-wght.woff2,
   30 Ko), avec repli sur des polices rondes du système. Chargée seulement quand le thème est utilisé.

   Un thème ne contient QUE des valeurs de jetons (voir clair.css). Les scènes 3D et la carte ne sont pas modifiées par ce thème. */

@font-face {
  font-family: "Fredoka";
  src: url("../../fonts/Fredoka-latin-wght.woff2") format("woff2");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

.inca-popup[type="map-window"][data-theme="pop"],
.inca-popup[type="map-panel"][data-theme="pop"] {
  color-scheme: light;

  --inca-font: "Fredoka", "Chalkboard SE", "Comic Sans MS", "Trebuchet MS", sans-serif;
  --inca-border-w: 2.5px;

  /* Verre : crème presque opaque, contour et ombre dure marine, coins ronds */
  --inca-tint-rgb: 255, 251, 232;
  --inca-deep-rgb: 29, 58, 102;                /* marine : texte de la pastille du panneau des couches */
  --inca-ink-rgb: 29, 58, 102;                 /* « encre » marine : liserés et survols */
  --inca-shade-rgb: 29, 58, 102;
  --inca-glass-bg: rgba(255, 251, 232, 0.94);
  --inca-glass-bg-text: rgba(255, 251, 232, 0.97);
  --inca-glass-blur: 0px;
  --inca-glass-border: #1d3a66;
  --inca-glass-radius: 18px;
  --inca-glass-shadow: 0 5px 0 #1d3a66;
  --inca-glass-text: #1d3a66;
  --inca-menu-bg: #fffbe8;
  --inca-field-bg: #ffffff;
  --inca-check-on: #8fd46a;
  --inca-measure-selected-bg: rgba(255, 196, 0, 0.35);
  --inca-page-bg: #cfe8ff;                     /* le ciel de la colonne de panneaux (lu par init.js) */

  /* Barre d'outils : outil actif = vert feuille et icône blanche, survol = sable */
  --tool-active-bg: #5fae45;
  --tool-active-text: #ffffff;
  --comp-soft: #fff1d6;

  /* Tracé de la mesure */
  --inca-measure-line: #e8452c;
  --inca-measure-done: #1d7fd6;
  --inca-measure-selected: #ffc400;
  --inca-measure-casing: rgba(255, 255, 255, 0.95);
  --inca-measure-pill: #fffbe8;
  --inca-measure-pill-text: #1d3a66;
  --inca-measure-ring: #1d3a66;
  --inca-measure-ghost: #ffffff;
  --inca-measure-ghost-ink: #1d3a66;

  /* États des greffons : pastilles franches, vert feuille, rouge, orange, mer */
  --inca-live-bg: #d9f2c6;
  --inca-live-bg-soft: #e6f6d8;
  --inca-live-border: #5fae45;
  --inca-live-pill: #d9f2c6;
  --inca-live-text: #2f7a35;
  --inca-live-dot: #5fae45;
  --inca-idle-dot: #9aa7b4;
  --inca-fail-bg: #ffe0dc;
  --inca-error-bg: #ffe0dc;
  --inca-error-text: #a3231a;
  --inca-warn: #f08c00;
  --inca-warn-bg: #fff1d6;
  --inca-warn-border: #f08c00;
  --inca-warn-text: #7a4300;
  --inca-warn-soft: #b86a00;
  --inca-on-warn: #ffffff;
  --inca-danger: #d9363e;
  --inca-danger-bg: #ffe0dc;
  --inca-danger-border: #d9363e;
  --inca-danger-text: #a3231a;
  --inca-danger-soft: #d9363e;
  --inca-caution: #d99a00;
  --inca-caution-bg: rgba(255, 196, 0, 0.25);
  --inca-caution-border: rgba(217, 154, 0, 0.8);
  --inca-accent: #1d7fd6;
  --inca-accent-bg: #e3f1ff;
  --inca-accent-border: #1d7fd6;
  --inca-accent-text: #1d3a66;
  --inca-chip-bg: #274c82;
  --inca-on-accent: #ffffff;
  --inca-warm: #ffb066;
  --inca-cyan: #2b8fc7;
  --inca-good: #5fae45;
  --inca-ink-text: #fffbe8;                    /* texte posé sur un fond d'encre (ici marine) */
  --inca-note-bg: rgba(29, 58, 102, 0.07);
  --inca-tone-good: #2f7a35;
  --inca-tone-bad: #a3231a;
  --inca-golden: #f08c00;
  --inca-golden-bg: rgba(240, 140, 0, 0.16);
  --inca-blue-hour: #1d7fd6;
  --inca-blue-hour-bg: rgba(29, 127, 214, 0.14);
}

/* Fenêtre de légende en grand : bandeau vert feuille, papier crème */
.inca-popup.inca-legend-window[data-theme="pop"] {
  --inca-font: "Fredoka", "Chalkboard SE", "Comic Sans MS", "Trebuchet MS", sans-serif;
  --inca-legend-head-bg: #5fae45;
  --inca-legend-head-text: #ffffff;
  --inca-legend-bg: #fffbe8;
  --inca-legend-text: #1d3a66;
}