/* Jetons de design. Palette sur , mode sur . */
@font-face {
font-family: "Plus Jakarta Sans";
src: url("/assets/polices/plus-jakarta-sans-var.woff2") format("woff2");
font-weight: 200 800;
font-style: normal;
font-display: swap;
}
:root {
/* Couleurs par personne : fixes, indépendantes de la palette et du compte connecté */
--teal-1: #2fb8b0;
--teal-2: #1c8f9c;
--indigo-1: #6c8bff;
--indigo-2: #4a5fd9;
--degrade-teal: linear-gradient(135deg, var(--teal-1), var(--teal-2));
--degrade-indigo: linear-gradient(135deg, var(--indigo-1), var(--indigo-2));
/* Neutres, mode clair */
--carte: #ffffff;
--texte: #17302f;
--texte-discret: #566d6b;
--bordure: #dfe8e6;
--champ-fond: #f6f9f8;
--ombre: 0 8px 24px rgba(28, 60, 70, 0.08);
--ombre-barre: 0 -6px 20px rgba(0, 0, 0, 0.06);
--danger: #a04545;
--danger-bord: #c98a8a;
--succes-fond: #d6f0ee;
--succes-texte: #146f79;
--erreur-fond: #fbe7e7;
--info-fond: #e6ecfd;
--info-texte: #34449e;
--rayon-carte: 22px;
--rayon-controle: 14px;
--police: "Plus Jakarta Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
/* Palette Lagon (défaut) */
--fond: #eef3f2;
--accent: #1c8f9c;
--accent-fort: #146f79;
--pointilles: #9cc9c4;
--degrade-info-1: linear-gradient(135deg, #1f9aa6, #4a5fd9);
--degrade-info-2: linear-gradient(135deg, #6c8bff, #4a5fd9);
}
html[data-palette="moderne"] {
--fond: #f7f0eb;
--accent: #c9473f;
--accent-fort: #a5352e;
--pointilles: #e8b9a4;
--degrade-info-1: linear-gradient(135deg, #ee8a63, #c9473f);
--degrade-info-2: linear-gradient(135deg, #e0645c, #b53a4a);
}
html[data-palette="prairie"] {
--fond: #f2f1e6;
--accent: #6f7a22;
--accent-fort: #57601a;
--pointilles: #cfc796;
--degrade-info-1: linear-gradient(135deg, #c79a1e, #6f7a22);
--degrade-info-2: linear-gradient(135deg, #b58a1a, #5d6b1f);
}
/* Mode sombre : inverse les neutres, garde les dégradés de la palette */
html[data-theme="sombre"] {
--fond: #0f1516;
--carte: #1b2426;
--texte: #e6eeed;
--texte-discret: #9db1ae;
--bordure: #2c3a3c;
--champ-fond: #141c1d;
--pointilles: #3b5553;
--ombre: 0 8px 24px rgba(0, 0, 0, 0.35);
--ombre-barre: 0 -6px 20px rgba(0, 0, 0, 0.4);
--danger: #e38b8b;
--danger-bord: #8a4a4a;
--succes-fond: #173a3b;
--succes-texte: #7fd8d0;
--erreur-fond: #3a1f22;
--info-fond: #1f2748;
--info-texte: #aab8ff;
--accent: #5fd0c7;
--accent-fort: #8fe2db;
color-scheme: dark;
}
html[data-theme="sombre"][data-palette="moderne"] { --accent: #f29a7e; --accent-fort: #f7b8a4; }
html[data-theme="sombre"][data-palette="prairie"] { --accent: #c9bb5a; --accent-fort: #ddd185; }