/* =========================================================
   themes.css : Couleurs des trois thèmes (sombre, clair, Outer Wilds) : toutes les autres feuilles utilisent ces variables
   ========================================================= */

/* ----- mode sombre : palette de l'aquarium (img/plymouth/fish.gif) ----- */
:root,
[data-bs-theme="dark"] {
	--turquoise: #93ebd5;
	--bleu: #3fbccb;
	--creme: #f7f0c0;
	--saumon: rgb(237, 151, 134);

	--fond: #000;
	--fond-bloc: #0e1413;
	--fond-barre: rgba(0, 0, 0, 0.85);
	--bordure: #26302e;
	--texte: #d6d6d6;
	--texte-doux: #9a9a9a;
	--texte-fort: #f0f0f0;
	--titre: var(--creme);
	--accent: var(--turquoise);
	--accent-2: var(--saumon);
	--info: var(--bleu);
	--accent-leger: rgba(147, 235, 213, 0.08);
	--accent-trait: rgba(147, 235, 213, 0.3);
	--ombre: rgba(147, 235, 213, 0.1);
	/* couleurs du code */
	--code-commande: var(--turquoise);
	--code-mot-cle: var(--saumon);
	--code-texte: var(--creme);
	--code-nombre: #8fd6e6;
	--code-commentaire: #7d8a88;
	--code-meta: #c9b6f2;
	--code-inline-fond: rgba(237, 151, 134, 0.08);
}

/* ----- mode clair : palette de Timber Hearth (img/outer-wilds/planetes/timber-hearth.png) -----
   ciel pâle (halo), vert forêt (végétation), cyan (rivières), bleu (anneau), pêche (falaises) */
[data-bs-theme="light"] {
	--fond: #f1f5fa;
	--fond-bloc: #ffffff;
	--fond-barre: rgba(241, 245, 250, 0.9);
	--bordure: #cfdcea;
	--texte: #25322f;
	--texte-doux: #56645f;
	--texte-fort: #14201c;
	--titre: #2e5a3c;
	--accent: #00748f;
	--accent-2: #a84b24;
	--info: #3a669c;
	--accent-leger: rgba(0, 116, 143, 0.07);
	--accent-trait: rgba(0, 116, 143, 0.35);
	--ombre: rgba(46, 90, 60, 0.14);
	/* couleurs du code */
	--code-commande: #2c6641;
	--code-mot-cle: #a84b24;
	--code-texte: #735476;
	--code-nombre: #00708a;
	--code-commentaire: #63706d;
	--code-meta: #3a669c;
	--code-inline-fond: rgba(244, 166, 126, 0.16);
}

/* ----- mode Outer Wilds -----
   palette : #0b1e26 (noir bleuté), #6a4d75 (violet), #174e7d (bleu), #676e4c (olive), #ff7d25 (orange)
   les 5 couleurs servent telles quelles pour les fonds, bordures et accents ;
   pour le texte, versions éclaircies des mêmes teintes (violet, bleu et olive sont illisibles sur le fond)
   thème sombre : le bouton est ajouté au menu par js/theme.js */
[data-bs-theme="outerwilds"] {
	color-scheme: dark;
	--ow-noir: #0b1e26;
	--ow-violet: #6a4d75;
	--ow-bleu: #174e7d;
	--ow-orange: #ff7d25;

	--bs-body-bg: var(--ow-noir);
	--bs-body-color: #e9e4dc;
	--bs-emphasis-color: #fbf6ee;
	--bs-border-color: var(--ow-bleu);

	--fond: var(--ow-noir);
	--fond-bloc: #10293a;
	--fond-barre: rgba(11, 30, 38, 0.9);
	--bordure: var(--ow-bleu);
	--texte: #e9e4dc;
	--texte-doux: #a9b3bd;
	--texte-fort: #fbf6ee;
	--titre: #f4ede3;
	--accent: var(--ow-orange);
	--accent-2: #c3a2d0;
	--info: #b0b98a;
	--accent-leger: rgba(255, 125, 37, 0.08);
	--accent-trait: rgba(255, 125, 37, 0.35);
	--ombre: rgba(106, 77, 117, 0.35);
	/* couleurs du code */
	--code-commande: #ff9a55;
	--code-mot-cle: #c3a2d0;
	--code-texte: #b0b98a;
	--code-nombre: #7fb0e0;
	--code-commentaire: #7f939c;
	--code-meta: #e3b98a;
	--code-inline-fond: rgba(106, 77, 117, 0.3);
}