/* Thème piloté par --h --s --l (couleur de base) + --sat (saturation) + --con (contraste).
   Les variables sont définies dans le <head> du site ; .themed permet l'aperçu en direct dans l'administration. */
:root,.themed{
  --pri: hsl(var(--h) min(100%, calc(var(--s) * var(--sat) * 1%)) clamp(14%, calc(var(--l) * 1% - 12% * (var(--con) - 1)), 45%));
  --pri-dark: hsl(var(--h) min(100%, calc(var(--s) * var(--sat) * 1%)) clamp(8%, calc(var(--l) * 0.62% - 8% * (var(--con) - 1)), 30%));
  --pri-soft: hsl(var(--h) min(100%, calc(var(--s) * var(--sat) * 0.8%)) clamp(88%, calc(95% + 3% * (var(--con) - 1)), 98%));
  --line: hsl(var(--h) min(100%, calc(var(--s) * var(--sat) * 0.35%)) clamp(70%, calc(86% - 14% * (var(--con) - 1)), 92%));
  --bg: hsl(var(--h) min(100%, calc(var(--s) * var(--sat) * 0.5%)) clamp(94%, calc(98% + 1% * (var(--con) - 1)), 99.5%));
  --text: hsl(var(--h) min(100%, calc(var(--s) * var(--sat) * 0.25%)) clamp(3%, calc(16% - 12% * (var(--con) - 1)), 38%));
  --muted: hsl(var(--h) min(100%, calc(var(--s) * var(--sat) * 0.15%)) clamp(20%, calc(38% - 14% * (var(--con) - 1)), 55%));
}