/* ============================================================
   Palettes du site (choisies dans le profil, enregistrées sur le compte :
   api/set_site_palette.php, docs/PERSONNALISATION_APPARENCE_PLAN.md).
   Cette feuille est seule à définir les palettes, en mode clair et en mode sombre.
   - styles.css lit les jetons de l'enveloppe du site (--shell-*, --menu-*, --accent-*…) :
     « ciel », la palette d'origine, y a ses valeurs (:root) ; chaque palette redéfinit
     ces jetons ici.
   - livres/livres.css et Articles/styles.css lisent des variables (--dk*, --dk-*) dont la
     valeur par défaut est la couleur d'origine : sans palette, ou sans cette feuille, rien
     ne change.
   Elle se charge avec chacune de ces feuilles (sitePalettesStylesheetMarkup(), function.php) ;
   une page qui ne la charge pas est en Ciel.
   Une palette claire ne vaut qu'en mode clair (:not([data-theme="dark"])) : le mode sombre
   a son bloc. [data-palette-preview] montre la palette dans le profil.
   ============================================================ */

/* Parchemin : sépia chaud, bruns et ambre */
html[data-palette="parchemin"]:not([data-theme="dark"]),
[data-palette-preview="parchemin"] {
    /* Pages : rotation de teinte des bleus (b) et des bruns (w) écrits en dur, pour les règles jumelles de tools/light_palette_tokens.mjs */
    --lt-hue-b: 180;
    --lt-sa-b: 0.85;
    --lt-lk-b: 0.62;
    --lt-hue-w: 0;
    --lt-sa-w: 1;
    --lt-lk-w: 1;
    /* Page de connexion (login.css) : boutons */
    --accent1: #8a4f18;
    --accent2: #a56323;
    --shell-1: #2b1d12;
    --shell-2: #5a3d22;
    --shell-3: #7a5732;
    --shell-glow-a-rgb: 224, 182, 120;
    --shell-glow-b-rgb: 190, 110, 70;
    --shell-deep-rgb: 40, 24, 12;
    --shell-active-rgb: 110, 70, 30;
    --paper: #fff6e3;
    --page-from: #f8f1e4;
    --page-to: #efe3cf;
    --page-to-alt: #efe3cf;
    --page-glow-a-rgb: 190, 140, 80;
    --page-glow-b-rgb: 150, 90, 60;
    --menu-from-rgb: 255, 251, 242;
    --menu-to-rgb: 247, 238, 222;
    --menu-glow-a-rgb: 244, 222, 186;
    --menu-glow-b-rgb: 226, 196, 150;
    --menu-line-rgb: 96, 61, 28;
    --menu-link-to-rgb: 244, 232, 212;
    --menu-hover-a-rgb: 242, 214, 170;
    --menu-hover-b-rgb: 230, 200, 160;
    --menu-tint-rgb: 214, 170, 110;
    --ink-link: #5b3a1a;
    --ink-link-rgb: 91, 58, 26;
    --ink-strong: #46280f;
    --ink-strong-rgb: 70, 40, 15;
    --ink-title: #4a2f14;
    --ink-hover: #3a2008;
    --accent-from: #8a4f18;
    --accent-to: #a56323;
    --accent-rgb: 138, 79, 24;
    --on-accent: #fff;
    --pressed-bg: #e0a458;
    --pressed-ink: #2a1a0a;
    --action-from: #6b4423;
    --action-to: #4f3118;
    --burger-a-rgb: 70, 42, 18;
    --burger-b-rgb: 140, 88, 40;
    --burger-hover-a-rgb: 82, 50, 22;
    --burger-hover-b-rgb: 156, 100, 48;
    --btn-home-from: #8a4e18;
    --btn-home-to: #a8662a;
    --btn-home-rgb: 138, 78, 24;
    --btn-page-from: #8a4f18;
    --btn-page-to: #a56323;
    --btn-page-rgb: 138, 79, 24;
    --profile-bg1: #2b1d12;
    --profile-bg2: #5a3d22;
    --profile-btn1: #8a4f18;
    --profile-btn2: #a56323;
    --profile-btn-rgb: 138, 79, 24;
    --profile-glow-a-rgb: 224, 182, 120;
    --profile-glow-b-rgb: 190, 120, 70;
}

/* Olivier : verts sauge et forêt, boutons or */
html[data-palette="olivier"]:not([data-theme="dark"]),
[data-palette-preview="olivier"] {
    /* Pages : rotation de teinte des bleus (b) et des bruns (w) écrits en dur, pour les règles jumelles de tools/light_palette_tokens.mjs */
    --lt-hue-b: -86;
    --lt-sa-b: 0.55;
    --lt-lk-b: 0.56;
    --lt-hue-w: 78;
    --lt-sa-w: 0.7;
    --lt-lk-w: 0.6;
    /* Page de connexion (login.css) : boutons */
    --accent1: #2f6b3a;
    --accent2: #37803f;
    --shell-1: #11261a;
    --shell-2: #2c4d31;
    --shell-3: #496b3d;
    --shell-glow-a-rgb: 168, 200, 120;
    --shell-glow-b-rgb: 232, 190, 90;
    --shell-deep-rgb: 12, 32, 20;
    --shell-active-rgb: 40, 90, 50;
    --paper: #f9fbe8;
    --page-from: #f1f6ea;
    --page-to: #e3eed8;
    --page-to-alt: #e3eed8;
    --page-glow-a-rgb: 150, 190, 110;
    --page-glow-b-rgb: 220, 180, 90;
    --menu-from-rgb: 252, 254, 246;
    --menu-to-rgb: 238, 245, 232;
    --menu-glow-a-rgb: 226, 238, 196;
    --menu-glow-b-rgb: 200, 224, 190;
    --menu-line-rgb: 30, 70, 40;
    --menu-link-to-rgb: 230, 240, 224;
    --menu-hover-a-rgb: 236, 238, 190;
    --menu-hover-b-rgb: 200, 226, 200;
    --menu-tint-rgb: 140, 190, 110;
    --ink-link: #2d5233;
    --ink-link-rgb: 45, 82, 51;
    --ink-strong: #1f3d26;
    --ink-strong-rgb: 31, 61, 38;
    --ink-title: #1f4a2a;
    --ink-hover: #15301b;
    --accent-from: #d4a017;
    --accent-to: #e6b422;
    --accent-rgb: 212, 160, 23;
    --on-accent: #26300f;
    --pressed-bg: #e6b422;
    --pressed-ink: #1c2410;
    --action-from: #2f6b3a;
    --action-to: #1f4d29;
    --burger-a-rgb: 18, 56, 30;
    --burger-b-rgb: 70, 120, 50;
    --burger-hover-a-rgb: 22, 66, 36;
    --burger-hover-b-rgb: 82, 136, 58;
    --btn-home-from: #c99410;
    --btn-home-to: #dcab20;
    --btn-home-rgb: 201, 148, 16;
    --btn-page-from: #d4a017;
    --btn-page-to: #e6b422;
    --btn-page-rgb: 212, 160, 23;
    --profile-bg1: #11261a;
    --profile-bg2: #2c4d31;
    --profile-btn1: #d4a017;
    --profile-btn2: #e6b422;
    --profile-btn-rgb: 212, 160, 23;
    --profile-glow-a-rgb: 168, 200, 120;
    --profile-glow-b-rgb: 232, 190, 90;
}

/* Grenade : bordeaux et rose, le vin du survol des phrases */
html[data-palette="grenade"]:not([data-theme="dark"]),
[data-palette-preview="grenade"] {
    /* Pages : rotation de teinte des bleus (b) et des bruns (w) écrits en dur, pour les règles jumelles de tools/light_palette_tokens.mjs */
    --lt-hue-b: 134;
    --lt-sa-b: 0.85;
    --lt-lk-b: 0.92;
    --lt-hue-w: -38;
    --lt-sa-w: 0.9;
    --lt-lk-w: 1;
    /* Page de connexion (login.css) : boutons */
    --accent1: #8e2236;
    --accent2: #b03a4d;
    --shell-1: #2a0f16;
    --shell-2: #5c1f2e;
    --shell-3: #7b2b3d;
    --shell-glow-a-rgb: 232, 150, 160;
    --shell-glow-b-rgb: 240, 190, 120;
    --shell-deep-rgb: 40, 10, 18;
    --shell-active-rgb: 110, 30, 50;
    --paper: #fff6f1;
    --page-from: #fbf0f0;
    --page-to: #f3e1e3;
    --page-to-alt: #f3e1e3;
    --page-glow-a-rgb: 220, 130, 150;
    --page-glow-b-rgb: 230, 170, 120;
    --menu-from-rgb: 255, 251, 250;
    --menu-to-rgb: 250, 238, 240;
    --menu-glow-a-rgb: 248, 214, 214;
    --menu-glow-b-rgb: 240, 200, 190;
    --menu-line-rgb: 90, 25, 40;
    --menu-link-to-rgb: 248, 232, 234;
    --menu-hover-a-rgb: 246, 210, 200;
    --menu-hover-b-rgb: 238, 196, 205;
    --menu-tint-rgb: 214, 130, 150;
    --ink-link: #6b1f30;
    --ink-link-rgb: 107, 31, 48;
    --ink-strong: #4f1422;
    --ink-strong-rgb: 79, 20, 34;
    --ink-title: #5a1424;
    --ink-hover: #3d0c18;
    --accent-from: #8e2236;
    --accent-to: #b03a4d;
    --accent-rgb: 142, 34, 54;
    --on-accent: #fff;
    --pressed-bg: #f0b8bf;
    --pressed-ink: #3a0f19;
    --action-from: #7b1e2b;
    --action-to: #5a1420;
    --burger-a-rgb: 78, 18, 32;
    --burger-b-rgb: 140, 40, 60;
    --burger-hover-a-rgb: 92, 22, 38;
    --burger-hover-b-rgb: 156, 48, 70;
    --btn-home-from: #7e1d30;
    --btn-home-to: #a23347;
    --btn-home-rgb: 126, 29, 48;
    --btn-page-from: #8e2236;
    --btn-page-to: #b03a4d;
    --btn-page-rgb: 142, 34, 54;
    --profile-bg1: #2a0f16;
    --profile-bg2: #5c1f2e;
    --profile-btn1: #8e2236;
    --profile-btn2: #b03a4d;
    --profile-btn-rgb: 142, 34, 54;
    --profile-glow-a-rgb: 232, 150, 160;
    --profile-glow-b-rgb: 240, 190, 120;
}

/* Marine : bleu marin profond, papier blanc bleuté, boutons bleus */
html[data-palette="marine"]:not([data-theme="dark"]),
[data-palette-preview="marine"] {
    /* Pages : rotation de teinte des bleus (b) et des bruns (w) écrits en dur, pour les règles jumelles de tools/light_palette_tokens.mjs */
    --lt-hue-b: 8;
    --lt-sa-b: 1;
    --lt-lk-b: 0.86;
    --lt-hue-w: 194;
    --lt-sa-w: 0.85;
    --lt-lk-w: 1.1;
    /* Page de connexion (login.css) : boutons */
    --accent1: #1d3f8c;
    --accent2: #2c5cb0;
    --shell-1: #070f26;
    --shell-2: #14295c;
    --shell-3: #1f3f7d;
    --shell-glow-a-rgb: 80, 130, 220;
    --shell-glow-b-rgb: 140, 170, 235;
    --shell-deep-rgb: 5, 12, 34;
    --shell-active-rgb: 30, 64, 140;
    --paper: #f6f8fe;
    --page-from: #eef2fb;
    --page-to: #dde6f6;
    --page-to-alt: #dde6f6;
    --page-glow-a-rgb: 100, 140, 220;
    --page-glow-b-rgb: 40, 70, 150;
    --menu-from-rgb: 248, 250, 255;
    --menu-to-rgb: 228, 236, 250;
    --menu-glow-a-rgb: 214, 226, 250;
    --menu-glow-b-rgb: 186, 204, 240;
    --menu-line-rgb: 14, 32, 80;
    --menu-link-to-rgb: 220, 230, 248;
    --menu-hover-a-rgb: 205, 220, 247;
    --menu-hover-b-rgb: 176, 198, 240;
    --menu-tint-rgb: 90, 130, 220;
    --ink-link: #14295c;
    --ink-link-rgb: 20, 41, 92;
    --ink-strong: #0e1f47;
    --ink-strong-rgb: 14, 31, 71;
    --ink-title: #11265a;
    --ink-hover: #0a1735;
    --accent-from: #1d3f8c;
    --accent-to: #2c5cb0;
    --accent-rgb: 29, 63, 140;
    --on-accent: #fff;
    --pressed-bg: #bcd4ff;
    --pressed-ink: #0c1a3d;
    --action-from: #14295c;
    --action-to: #0e1f47;
    --burger-a-rgb: 10, 24, 64;
    --burger-b-rgb: 40, 80, 170;
    --burger-hover-a-rgb: 14, 32, 82;
    --burger-hover-b-rgb: 50, 96, 190;
    --btn-home-from: #17357a;
    --btn-home-to: #2a56a8;
    --btn-home-rgb: 23, 53, 122;
    --btn-page-from: #1d3f8c;
    --btn-page-to: #2c5cb0;
    --btn-page-rgb: 29, 63, 140;
    --profile-bg1: #070f26;
    --profile-bg2: #14295c;
    --profile-btn1: #1d3f8c;
    --profile-btn2: #2c5cb0;
    --profile-btn-rgb: 29, 63, 140;
    --profile-glow-a-rgb: 96, 140, 230;
    --profile-glow-b-rgb: 140, 170, 235;
}

/* ------------------------------------------------------------
   Mode sombre de chaque palette. Le sombre de « Ciel » est celui d'origine : ses règles ne
   définissent rien, chaque couleur du sombre porte sa valeur d'origine par défaut.
   - --dkr, --dkg, --dkb : nombre ajouté à chaque canal (rouge, vert, bleu) des gris et des
     blancs cassés du mode sombre (fonds, surfaces, filets, textes) : la même suite de gris,
     virée vers la teinte de la palette. Valeurs aussi dans sitePaletteDarkShift() (function.php),
     qui colore le fond d'une page avant le chargement de cette feuille : test_site_palette_mock.php
     contrôle l'accord.
   - --dk-title, --dk-link, --dk-link-hi, --dk-hover, --dk-amber, --dk-amber-hi, --dk-brown,
     --dk-teal, --dk-phrase : les accents du sombre, par rôle (titre, lien, lien clair, survol,
     ambres, phrase survolée : le vin clair de --phrase-hover-wine).
     --dk-link-rgb et --dk-amber-rgb portent trois nombres, pour les accents translucides.
   - Les jetons de l'enveloppe que le sombre lit encore (boutons, onglets, bouton d'action).
   Ces blocs sont écrits à la main : tools/dark_palette_tokens.mjs les laisse tels quels.
   ------------------------------------------------------------ */

/* Parchemin sombre : brun café, texte crème, liens ambre */
html[data-theme="dark"][data-palette="parchemin"] {
    /* Pages : rotation de teinte des bleus (b) et des bruns (w) écrits en dur, pour les règles jumelles de tools/light_palette_tokens.mjs */
    --lt-hue-b: 180;
    --lt-sa-b: 0.85;
    --lt-lk-b: 0.62;
    --lt-hue-w: 0;
    --lt-sa-w: 1;
    --lt-lk-w: 1;
    --dkr: 10;
    --dkg: 3;
    --dkb: -8;
    --dk-title: #f4e2bd;
    --dk-link: #d9a85c;
    --dk-link-hi: #e8c98a;
    --dk-link-rgb: 217, 168, 92;
    --dk-teal: #e0c890;
    --dk-phrase: #eda59c;
    --accent-from: #d9a05a;
    --accent-to: #ecb871;
    --accent-rgb: 217, 160, 90;
    --on-accent: #24170a;
    --pressed-bg: #e8c98a;
    --pressed-ink: #24170a;
    --action-from: #8a5a2b;
    --action-to: #6b4423;
    --burger-a-rgb: 70, 45, 20;
    --burger-b-rgb: 150, 100, 40;
    --burger-hover-a-rgb: 84, 54, 24;
    --burger-hover-b-rgb: 168, 114, 48;
    --btn-home-from: #cf9448;
    --btn-home-to: #e6ae62;
    --btn-home-rgb: 207, 148, 72;
    --btn-page-from: #d9a05a;
    --btn-page-to: #ecb871;
    --btn-page-rgb: 217, 160, 90;
    --profile-btn1: #d9a05a;
    --profile-btn2: #ecb871;
    --profile-btn-rgb: 217, 160, 90;
    --shell-deep-rgb: 35, 24, 12;
    --shell-active-rgb: 110, 72, 30;
    --ink-link-rgb: 217, 168, 92;
}

/* Olivier sombre : vert forêt, texte sauge, liens vert tendre, boutons or */
html[data-theme="dark"][data-palette="olivier"] {
    /* Pages : rotation de teinte des bleus (b) et des bruns (w) écrits en dur, pour les règles jumelles de tools/light_palette_tokens.mjs */
    --lt-hue-b: -86;
    --lt-sa-b: 0.55;
    --lt-lk-b: 0.56;
    --lt-hue-w: 78;
    --lt-sa-w: 0.7;
    --lt-lk-w: 0.6;
    --dkr: -4;
    --dkg: 8;
    --dkb: -4;
    --dk-title: #e3efcf;
    --dk-link: #a8c77a;
    --dk-link-hi: #c5dc9a;
    --dk-link-rgb: 168, 199, 122;
    --dk-hover: #e8c458;
    --dk-amber: #e8d9a0;
    --dk-amber-hi: #f0d27a;
    --dk-amber-rgb: 232, 217, 160;
    --dk-teal: #9fd6b0;
    --accent-from: #d4a017;
    --accent-to: #e6b422;
    --accent-rgb: 212, 160, 23;
    --on-accent: #26300f;
    --pressed-bg: #e6b422;
    --pressed-ink: #1c2410;
    --action-from: #33803e;
    --action-to: #2a6a36;
    --burger-a-rgb: 20, 70, 36;
    --burger-b-rgb: 80, 140, 58;
    --burger-hover-a-rgb: 26, 84, 44;
    --burger-hover-b-rgb: 96, 160, 70;
    --btn-home-from: #c99410;
    --btn-home-to: #dcab20;
    --btn-home-rgb: 201, 148, 16;
    --btn-page-from: #d4a017;
    --btn-page-to: #e6b422;
    --btn-page-rgb: 212, 160, 23;
    --profile-btn1: #d4a017;
    --profile-btn2: #e6b422;
    --profile-btn-rgb: 212, 160, 23;
    --shell-deep-rgb: 8, 28, 16;
    --shell-active-rgb: 40, 100, 56;
    --ink-link-rgb: 168, 199, 122;
}

/* Grenade sombre : bordeaux nuit, texte rosé, liens rose, boutons rose clair */
html[data-theme="dark"][data-palette="grenade"] {
    /* Pages : rotation de teinte des bleus (b) et des bruns (w) écrits en dur, pour les règles jumelles de tools/light_palette_tokens.mjs */
    --lt-hue-b: 134;
    --lt-sa-b: 0.85;
    --lt-lk-b: 0.92;
    --lt-hue-w: -38;
    --lt-sa-w: 0.9;
    --lt-lk-w: 1;
    --dkr: 12;
    --dkg: -6;
    --dkb: -2;
    --dk-title: #f6dde0;
    --dk-link: #e8909c;
    --dk-link-hi: #f2b4bc;
    --dk-link-rgb: 232, 144, 156;
    --dk-teal: #e8b4c4;
    /* Le texte est déjà rosé : la phrase survolée passe à l'or */
    --dk-phrase: #f0cd8a;
    --accent-from: #e06a7c;
    --accent-to: #ee8c9a;
    --accent-rgb: 224, 106, 124;
    --on-accent: #2a0a12;
    --pressed-bg: #f0b8bf;
    --pressed-ink: #3a0f19;
    --action-from: #a8324a;
    --action-to: #7b1e2b;
    --burger-a-rgb: 90, 22, 42;
    --burger-b-rgb: 160, 50, 78;
    --burger-hover-a-rgb: 106, 26, 50;
    --burger-hover-b-rgb: 178, 60, 90;
    --btn-home-from: #d65b6f;
    --btn-home-to: #e8798a;
    --btn-home-rgb: 214, 91, 111;
    --btn-page-from: #e06a7c;
    --btn-page-to: #ee8c9a;
    --btn-page-rgb: 224, 106, 124;
    --profile-btn1: #e06a7c;
    --profile-btn2: #ee8c9a;
    --profile-btn-rgb: 224, 106, 124;
    --shell-deep-rgb: 45, 10, 22;
    --shell-active-rgb: 120, 34, 60;
    --ink-link-rgb: 232, 144, 156;
}

/* Marine sombre : bleu nuit, texte bleuté, liens bleu clair, boutons bleu clair */
html[data-theme="dark"][data-palette="marine"] {
    /* Pages : rotation de teinte des bleus (b) et des bruns (w) écrits en dur, pour les règles jumelles de tools/light_palette_tokens.mjs */
    --lt-hue-b: 8;
    --lt-sa-b: 1;
    --lt-lk-b: 0.86;
    --lt-hue-w: 194;
    --lt-sa-w: 0.85;
    --lt-lk-w: 1.1;
    --dkr: -10;
    --dkg: -4;
    --dkb: 16;
    --dk-title: #d4e2ff;
    --dk-link: #7fa8f0;
    --dk-link-hi: #a8c4ff;
    --dk-link-rgb: 127, 168, 240;
    --dk-teal: #8fd0e8;
    --dk-phrase: #f2a9b6;
    --accent-from: #7ea6f0;
    --accent-to: #9bbcf8;
    --accent-rgb: 126, 166, 240;
    --on-accent: #0a1632;
    --pressed-bg: #bcd4ff;
    --pressed-ink: #0c1a3d;
    --action-from: #2c5cb0;
    --action-to: #1d3f8c;
    --burger-a-rgb: 14, 32, 82;
    --burger-b-rgb: 50, 96, 190;
    --burger-hover-a-rgb: 18, 40, 100;
    --burger-hover-b-rgb: 62, 114, 214;
    --btn-home-from: #6f98e6;
    --btn-home-to: #8cb0f4;
    --btn-home-rgb: 111, 152, 230;
    --btn-page-from: #7ea6f0;
    --btn-page-to: #9bbcf8;
    --btn-page-rgb: 126, 166, 240;
    --profile-btn1: #7ea6f0;
    --profile-btn2: #9bbcf8;
    --profile-btn-rgb: 126, 166, 240;
    --shell-deep-rgb: 4, 12, 34;
    --shell-active-rgb: 30, 64, 140;
    --ink-link-rgb: 127, 168, 240;
}