/* Kelvin — les 3 palettes du réel d61f0214, une par univers.
   Méthode « deux bases + un accent » (references/palettes-3-couleurs.md) : ~60 % fond, ~30 % encre/surfaces, <= 10 % accent.
   Toute autre nuance est un mélange (color-mix en oklab) de ces trois couleurs. Contrastes mesurés dans DESIGN.md. */

:root,
[data-palette="energie"] {
  --sombre: #0A0A0A;   /* Jet Black */
  --claire: #007BA7;   /* Cerulean Blue */
  --accent: #FF2D95;   /* Neon Rose */
  --nom-sombre: "Jet Black"; --nom-claire: "Cerulean Blue"; --nom-accent: "Neon Rose";

  --fond: var(--sombre);                                     /* 60 % */
  --surface: var(--claire);                                  /* 30 % : aplats, grands titres */
  --titre: var(--claire);                                    /* 4,1:1 sur fond : gros texte seulement */
  --texte: color-mix(in oklab, var(--claire) 60%, var(--accent)); /* 4,7:1 sur fond */
  --sur-surface: var(--sombre);                              /* 4,1:1 sur cerulean : gros texte seulement */
  --accent-texte: var(--accent);                             /* 5,7:1 sur fond */
  --filet: color-mix(in oklab, var(--claire) 35%, var(--sombre));

  --titre-largeur: 150%;
  --titre-graisse: 880;
  --titre-approche: -0.035em;
  color-scheme: dark;
}

[data-palette="moderne"] {
  --sombre: #3A0F34;   /* Deep Aubergine */
  --claire: #DDE3E8;   /* Ice Silver */
  --accent: #EAAA00;   /* Marigold */
  --nom-sombre: "Deep Aubergine"; --nom-claire: "Ice Silver"; --nom-accent: "Marigold";

  --fond: var(--claire);                                     /* 60 % */
  --surface: var(--sombre);                                  /* 30 % */
  --titre: var(--sombre);                                    /* 12,5:1 */
  --texte: var(--sombre);                                    /* 12,5:1 */
  --sur-surface: var(--claire);                              /* 12,5:1 sur aubergine */
  --accent-texte: var(--sombre);                             /* le marigold ne se lit pas sur l'argent (1,6:1) */
  --filet: color-mix(in oklab, var(--sombre) 22%, var(--claire));

  --titre-largeur: 74%;
  --titre-graisse: 760;
  --titre-approche: 0.012em;
  color-scheme: light;
}

[data-palette="futuriste"] {
  --sombre: #6F4E37;   /* Mocha Brown */
  --claire: #E5E4E2;   /* Platinum Silver */
  --accent: #E6E0F0;   /* Pale Lavender */
  --nom-sombre: "Mocha Brown"; --nom-claire: "Platinum Silver"; --nom-accent: "Pale Lavender";

  --fond: var(--sombre);                                     /* 60 % */
  --surface: var(--claire);                                  /* 30 % */
  --titre: var(--claire);                                    /* 5,9:1 */
  --texte: var(--claire);                                    /* 5,9:1 */
  --sur-surface: var(--sombre);                              /* 5,9:1 sur platine */
  --accent-texte: var(--accent);                             /* 5,8:1 sur moka, invisible sur platine (1,0:1) */
  --filet: color-mix(in oklab, var(--claire) 35%, var(--sombre));

  --titre-largeur: 125%;
  --titre-graisse: 260;
  --titre-approche: 0em;
  color-scheme: dark;
}