:root{

--prune:#6B2138;
--rose:#FFB8B8;
--bleu:#B7D9FF;

--prune-fonce:#511930;
--prune-doux:#8A4A5E;
--rose-pale:#FFD9D9;
--bleu-pale:#DCEDFF;

--creme:#FBF2E4;
--creme-carte:#FFFAF0;
--creme-ombre:#F1E3CC;

--soleil:oklch(86% 0.115 85);
--sauge:oklch(82% 0.07 150);
--soleil-hex:#F3CD79; --sauge-hex:#AFD1B2;

--text-strong:var(--prune);
--text-body:var(--prune);
--text-soft:var(--prune-doux);
--text-inverse:var(--creme);
--text-inverse-soft:var(--rose);
--surface-page:var(--creme);
--surface-nav:var(--creme-carte);
--surface-card-rose:var(--rose);
--surface-card-bleu:var(--bleu);
--surface-card-prune:var(--prune);
--surface-card-sauge:var(--sauge);
--surface-card-soleil:var(--soleil);
--surface-footer:var(--prune);
--border-soft:var(--creme-ombre);
--focus-ring:0 0 0 3px var(--creme),0 0 0 6px var(--bleu);
}