/* GONATA : toutes les couleurs de l'interface et des graphiques.
   Un thème = un jeu de variables sur :root[data-theme="..."]. Les graphiques ECharts lisent ces mêmes variables
   (js/theme.js), un changement ici se propage partout. */

:root,
:root[data-theme="ardoise"] {
  color-scheme: light;
  --fond: #eef2f6;
  --surface: #ffffff;
  --surface-2: #f5f8fb;
  --surface-3: #e3e9f0;
  --bordure: #cdd6e1;
  --bordure-forte: #9fb0c3;
  --texte: #1c2733;
  --texte-doux: #556577;
  --texte-faible: #7d8b9b;
  --accent: #1f6f8b;
  --accent-fort: #155368;
  --accent-doux: #d9edf3;
  --accent-texte: #ffffff;
  --chaud: #c8742c;
  --chaud-doux: #f8e8d8;
  --ok: #2f7d4f;
  --ok-doux: #dcefe3;
  --alerte: #a86a00;
  --alerte-doux: #fbefd5;
  --danger: #b23a3a;
  --danger-doux: #f6dddd;
  --info-doux: #e3ecf7;
  --ombre: 0 1px 2px rgba(20, 35, 50, .08), 0 4px 14px rgba(20, 35, 50, .06);
  --voile: rgba(15, 25, 35, .45);
  /* graphiques */
  --serie-1: #1f6f8b;
  --serie-2: #c8742c;
  --serie-3: #2f7d4f;
  --serie-4: #7a5aa6;
  --serie-5: #b23a3a;
  --serie-6: #3f8fb0;
  --serie-7: #a38b2c;
  --serie-8: #5a6b7d;
  --graphe-axe: #7d8b9b;
  --graphe-grille: #e1e7ee;
  --chaleur-1: #e6f1f5;
  --chaleur-2: #a9d0dc;
  --chaleur-3: #5fa3b9;
  --chaleur-4: #e0a165;
  --chaleur-5: #b85a1c;
  /* carte */
  --trace: #ffb627;
  --variante-1: #ffb627;
  --variante-2: #33d1ff;
  --variante-3: #ff5fa2;
}

:root[data-theme="nuit"] {
  color-scheme: dark;
  --fond: #111820;
  --surface: #18222c;
  --surface-2: #1e2a35;
  --surface-3: #263442;
  --bordure: #2f3f4f;
  --bordure-forte: #4a5e72;
  --texte: #e4ebf2;
  --texte-doux: #a5b4c3;
  --texte-faible: #7a8a9a;
  --accent: #5bb6d4;
  --accent-fort: #8fd0e6;
  --accent-doux: #1d3a47;
  --accent-texte: #0d1a21;
  --chaud: #e39a55;
  --chaud-doux: #3d2a1a;
  --ok: #6cc28f;
  --ok-doux: #1b3426;
  --alerte: #e2b04a;
  --alerte-doux: #3a2f15;
  --danger: #e57373;
  --danger-doux: #3d1f22;
  --info-doux: #1c2b3b;
  --ombre: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 14px rgba(0, 0, 0, .25);
  --voile: rgba(0, 0, 0, .6);
  --serie-1: #5bb6d4;
  --serie-2: #e39a55;
  --serie-3: #6cc28f;
  --serie-4: #b39ddb;
  --serie-5: #e57373;
  --serie-6: #4dd0e1;
  --serie-7: #d4c25a;
  --serie-8: #90a4ae;
  --graphe-axe: #8a9aaa;
  --graphe-grille: #2a3846;
  --chaleur-1: #1d3440;
  --chaleur-2: #27607a;
  --chaleur-3: #3f94b3;
  --chaleur-4: #d18a45;
  --chaleur-5: #f0b27a;
}

:root[data-theme="fleuve"] {
  color-scheme: light;
  --fond: #edf3f3;
  --surface: #ffffff;
  --surface-2: #f3f8f8;
  --surface-3: #dde9e9;
  --bordure: #c5d6d6;
  --bordure-forte: #93b0b0;
  --texte: #192b2b;
  --texte-doux: #4d6666;
  --texte-faible: #789090;
  --accent: #23786d;
  --accent-fort: #175a52;
  --accent-doux: #d6ede9;
  --accent-texte: #ffffff;
  --chaud: #c2852a;
  --chaud-doux: #f6ead6;
  --serie-1: #23786d;
  --serie-2: #c2852a;
  --serie-3: #3a6ea5;
  --serie-4: #8a5a9c;
  --serie-5: #b0473c;
  --serie-6: #4fa392;
  --serie-7: #9a8a30;
  --serie-8: #5d7272;
  --graphe-grille: #dde8e8;
  --chaleur-1: #e3f1ee;
  --chaleur-2: #a5d3c9;
  --chaleur-3: #57a596;
  --chaleur-4: #dba25e;
  --chaleur-5: #b1621e;
}

:root[data-theme="laterite"] {
  color-scheme: dark;
  --fond: #14181d;
  --surface: #1b2128;
  --surface-2: #212932;
  --surface-3: #2a333e;
  --bordure: #343f4c;
  --bordure-forte: #52606f;
  --texte: #ebe7e2;
  --texte-doux: #b3aca4;
  --texte-faible: #857e77;
  --accent: #e0864a;
  --accent-fort: #f0a877;
  --accent-doux: #3b2618;
  --accent-texte: #1a0f08;
  --chaud: #e0864a;
  --chaud-doux: #3b2618;
  --ok: #7cc49a;
  --ok-doux: #1d3328;
  --alerte: #e6b955;
  --alerte-doux: #3a3016;
  --danger: #ec7b7b;
  --danger-doux: #3e2023;
  --info-doux: #1f2a36;
  --ombre: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 14px rgba(0, 0, 0, .25);
  --voile: rgba(0, 0, 0, .6);
  --serie-1: #e0864a;
  --serie-2: #6bb3d6;
  --serie-3: #7cc49a;
  --serie-4: #c4a3e0;
  --serie-5: #ec7b7b;
  --serie-6: #e6b955;
  --serie-7: #5fc7c0;
  --serie-8: #a0a7ae;
  --graphe-axe: #8f969d;
  --graphe-grille: #2c3540;
  --chaleur-1: #22303a;
  --chaleur-2: #2f5f72;
  --chaleur-3: #4f97ab;
  --chaleur-4: #d07c3e;
  --chaleur-5: #f2b080;
}

:root[data-theme="indigo"] {
  color-scheme: light;
  --fond: #eef0f7;
  --surface: #ffffff;
  --surface-2: #f5f6fb;
  --surface-3: #e2e5f1;
  --bordure: #cbd0e2;
  --bordure-forte: #9aa2c2;
  --texte: #1d2136;
  --texte-doux: #545b78;
  --texte-faible: #7f86a1;
  --accent: #3d4f9f;
  --accent-fort: #2c3a7a;
  --accent-doux: #dfe3f6;
  --accent-texte: #ffffff;
  --chaud: #c5642e;
  --chaud-doux: #f7e3d6;
  --serie-1: #3d4f9f;
  --serie-2: #c5642e;
  --serie-3: #2f8a6a;
  --serie-4: #9a4f9f;
  --serie-5: #b23a4a;
  --serie-6: #4a8fc9;
  --serie-7: #a0902e;
  --serie-8: #636a86;
  --graphe-grille: #e2e5f0;
  --chaleur-1: #e6e9f7;
  --chaleur-2: #aab3e0;
  --chaleur-3: #6573bd;
  --chaleur-4: #dc9a6a;
  --chaleur-5: #b4501f;
}

/* Thème automatique : suit le réglage clair ou sombre de l'appareil. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;
    --fond: #111820;
    --surface: #18222c;
    --surface-2: #1e2a35;
    --surface-3: #263442;
    --bordure: #2f3f4f;
    --bordure-forte: #4a5e72;
    --texte: #e4ebf2;
    --texte-doux: #a5b4c3;
    --texte-faible: #7a8a9a;
    --accent: #5bb6d4;
    --accent-fort: #8fd0e6;
    --accent-doux: #1d3a47;
    --accent-texte: #0d1a21;
    --chaud: #e39a55;
    --chaud-doux: #3d2a1a;
    --ok: #6cc28f;
    --ok-doux: #1b3426;
    --alerte: #e2b04a;
    --alerte-doux: #3a2f15;
    --danger: #e57373;
    --danger-doux: #3d1f22;
    --info-doux: #1c2b3b;
    --voile: rgba(0, 0, 0, .6);
    --serie-1: #5bb6d4;
    --serie-2: #e39a55;
    --serie-3: #6cc28f;
    --serie-4: #b39ddb;
    --serie-5: #e57373;
    --serie-6: #4dd0e1;
    --serie-7: #d4c25a;
    --serie-8: #90a4ae;
    --graphe-axe: #8a9aaa;
    --graphe-grille: #2a3846;
    --chaleur-1: #1d3440;
    --chaleur-2: #27607a;
    --chaleur-3: #3f94b3;
    --chaleur-4: #d18a45;
    --chaleur-5: #f0b27a;
  }
}

:root {
  --police: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;
  --police-chiffres: ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace;
  --rayon: 10px;
  --rayon-petit: 6px;
  --espace: 16px;
}