/* Les jetons de couleur de Spartito : la palette de l'app (CONCEPTION.md §4,
   « Couleurs »), en clair puis en sombre. L'app iOS utilise les mêmes valeurs.
   Aucune couleur n'est écrite ailleurs que dans ce fichier.

   Membres (et groupes) : index `couleur` 0 à 7.
     0 corail  1 or  2 sarcelle  3 bleu  4 prune  5 vert  6 rose  7 ardoise
   Avatar : l'emoji du membre (`avatar`), sinon l'initiale du nom en
   `--sur-membre` sur la couleur du membre. */

:root {
  color-scheme: light dark;

  --membre-0: #D9573F;
  --membre-1: #B07A0A;
  --membre-2: #1E8A7E;
  --membre-3: #2F5FA8;
  --membre-4: #8A3F8F;
  --membre-5: #4C8A2E;
  --membre-6: #C2416F;
  --membre-7: #50607A;
  --sur-membre: #FFFFFF;

  --fond: #F7F3EC;
  --carte: #FFFFFF;
  --encre: #15284A;
  --discret: #5E6878;
  --trait: #E3DCCF;
  --accent: #C84E38;
  --sur-accent: #FFFFFF;
  --nuit: #15284A;

  /* Dérivés (aucune nouvelle teinte) : la portée en fond, l'ombre des cartes. */
  --portee: color-mix(in srgb, var(--trait) 70%, transparent);
  --ombre: 0 1px 2px color-mix(in srgb, var(--nuit) 8%, transparent), 0 6px 20px color-mix(in srgb, var(--nuit) 6%, transparent);
  /* Ce qu'on te doit, ce que tu dois. */
  --positif: var(--membre-2);
  --negatif: var(--accent);
  /* Le grand chiffre : sur la nuit de l'icône, en clair comme en sombre. */
  --heros-fond: var(--nuit);
  --heros-encre: #FFFFFF;
  --heros-discret: color-mix(in srgb, #FFFFFF 72%, var(--nuit));
  --heros-positif: #3FB0A6;
  --heros-negatif: #F47C6A;
  --heros-or: #F6B93B;
  --sur-nuit: #FFFFFF;
  --heros-portee: color-mix(in srgb, #FFFFFF 11%, transparent);
}

@media (prefers-color-scheme: dark) {
  :root {
    --membre-0: #F47C6A;
    --membre-1: #F6B93B;
    --membre-2: #3FB0A6;
    --membre-3: #7FA6E6;
    --membre-4: #C98BD0;
    --membre-5: #8CCB6A;
    --membre-6: #F08BB0;
    --membre-7: #A3B1C6;
    --sur-membre: #0F1626;

    --fond: #0F1626;
    --carte: #1A2540;
    --encre: #F2EEE6;
    --discret: #A8B0BF;
    --trait: #2B3654;
    --accent: #F47C6A;
    --sur-accent: #0F1626;

    --portee: color-mix(in srgb, var(--trait) 80%, transparent);
    --heros-fond: var(--carte);
    --heros-encre: var(--encre);
    --heros-discret: var(--discret);
    --ombre: 0 1px 2px rgb(0 0 0 / 0.3), 0 8px 24px rgb(0 0 0 / 0.25);
  }
}