/* schemes.css — color schemes portes du theme FR (relevé 2026-09-11). :root = blanc (scheme-1), comme les sections sans scheme du FR (28/09).
   Genere par gen_schemes.py. Un scheme = un scope de 32 variables ; une classe .color-<slug> le pose. */

.color-creme {
  --color-background: rgba(254, 249, 245, 1);
  --gradient-background: #fef9f5;
  --color-foreground: rgba(74, 72, 66, 1);
  --color-border: rgba(74, 72, 66, 0.122);
  --color-stars-icons: rgba(74, 72, 66, 1);
  --color-primary-button-text: rgba(255, 255, 255, 1);
  --color-primary-button-background: rgba(74, 72, 66, 1);
  --color-primary-button-border: rgba(74, 72, 66, 1);
  --color-secondary-button-text: rgba(74, 72, 66, 1);
  --color-secondary-button-background: rgba(254, 249, 245, 1);
  --color-secondary-button-border: rgba(74, 72, 66, 0.251);
  --color-primary-badge-text: rgba(255, 255, 255, 1);
  --color-primary-badge-background: rgba(74, 72, 66, 1);
  --color-primary-badge-border: rgba(74, 72, 66, 1);
  --color-secondary-badge-text: rgba(74, 72, 66, 1);
  --color-secondary-badge-background: rgba(254, 249, 245, 1);
  --color-secondary-badge-border: rgba(74, 72, 66, 0.251);
  --color-input-text: rgba(74, 72, 66, 1);
  --color-input-border: rgba(0, 0, 0, 0.129);
  --color-input-border-low-opacity: rgba(0, 0, 0, 0.08);
  --color-input-background: rgba(255, 255, 255, 1);
  --color-selected-input-text: rgba(0, 0, 0, 1);
  --color-selected-input-border: rgba(0, 0, 0, 1);
  --color-selected-input-border-low-opacity: rgba(0, 0, 0, 0.08);
  --color-selected-input-background: rgba(255, 255, 255, 1);
  --color-variant-background: rgba(255, 255, 255, 1);
  --color-variant-border: rgba(0, 0, 0, 0.129);
  --color-variant-text: rgba(0, 0, 0, 1);
  --color-selected-variant-background: rgba(255, 255, 255, 1);
  --color-selected-variant-border: rgba(0, 0, 0, 1);
  --color-selected-variant-text: rgba(0, 0, 0, 1);
  --color-tab-background: rgba(255, 255, 255, 1);
  --color-tab-border: rgba(0, 0, 0, 0.129);
  --color-tab-text: rgba(0, 0, 0, 1);
  --color-selected-tab-background: rgba(255, 255, 255, 1);
  --color-selected-tab-border: rgba(0, 0, 0, 1);
  --color-selected-tab-text: rgba(0, 0, 0, 1);
  --color-shadow: 0, 0, 0, 0.25;
  --color-success: rgba(25, 135, 84, 1);
  --color-error: rgba(239, 68, 68, 1);
}

:root, .color-white {
  --color-background: rgba(255, 255, 255, 1);
  --gradient-background: #ffffff;
  --color-foreground: rgba(66, 66, 66, 1);
  --color-border: rgba(0, 0, 0, 0.059);
  --color-stars-icons: rgba(0, 0, 0, 1);
  --color-primary-button-text: rgba(255, 255, 255, 1);
  --color-primary-button-background: rgba(0, 0, 0, 1);
  --color-primary-button-border: rgba(0, 0, 0, 1);
  --color-secondary-button-text: rgba(0, 0, 0, 1);
  --color-secondary-button-background: rgba(0, 0, 0, 0.059);
  --color-secondary-button-border: rgba(37, 37, 37, 1);
  --color-primary-badge-text: rgba(255, 255, 255, 1);
  --color-primary-badge-background: rgba(0, 0, 0, 1);
  --color-primary-badge-border: rgba(0, 0, 0, 1);
  --color-secondary-badge-text: rgba(0, 0, 0, 1);
  --color-secondary-badge-background: rgba(255, 255, 255, 1);
  --color-secondary-badge-border: rgba(0, 0, 0, 0.129);
  --color-input-text: rgba(0, 0, 0, 1);
  --color-input-border: rgba(0, 0, 0, 0.129);
  --color-input-border-low-opacity: rgba(0, 0, 0, 0.08);
  --color-input-background: rgba(255, 255, 255, 1);
  --color-selected-input-text: rgba(0, 0, 0, 1);
  --color-selected-input-border: rgba(0, 0, 0, 1);
  --color-selected-input-border-low-opacity: rgba(0, 0, 0, 0.08);
  --color-selected-input-background: rgba(255, 255, 255, 1);
  --color-variant-background: rgba(255, 255, 255, 1);
  --color-variant-border: rgba(0, 0, 0, 0.129);
  --color-variant-text: rgba(0, 0, 0, 1);
  --color-selected-variant-background: rgba(255, 255, 255, 1);
  --color-selected-variant-border: rgba(0, 0, 0, 1);
  --color-selected-variant-text: rgba(0, 0, 0, 1);
  --color-tab-background: rgba(255, 255, 255, 1);
  --color-tab-border: rgba(0, 0, 0, 0.129);
  --color-tab-text: rgba(0, 0, 0, 1);
  --color-selected-tab-background: rgba(255, 255, 255, 1);
  --color-selected-tab-border: rgba(0, 0, 0, 1);
  --color-selected-tab-text: rgba(0, 0, 0, 1);
  --color-shadow: 0, 0, 0, 0.25;
  --color-success: rgba(25, 135, 84, 1);
  --color-error: rgba(239, 68, 68, 1);
}

.color-offwhite {
  --color-background: rgba(254, 249, 246, 1);
  --gradient-background: #fef9f6;
  --color-foreground: rgba(66, 66, 66, 1);
  --color-border: rgba(0, 0, 0, 0.188);
  --color-stars-icons: rgba(0, 0, 0, 1);
  --color-primary-button-text: rgba(255, 255, 255, 1);
  --color-primary-button-background: rgba(0, 0, 0, 1);
  --color-primary-button-border: rgba(0, 0, 0, 1);
  --color-secondary-button-text: rgba(0, 0, 0, 1);
  --color-secondary-button-background: rgba(255, 255, 255, 1);
  --color-secondary-button-border: rgba(0, 0, 0, 1);
  --color-primary-badge-text: rgba(255, 255, 255, 1);
  --color-primary-badge-background: rgba(0, 0, 0, 1);
  --color-primary-badge-border: rgba(0, 0, 0, 1);
  --color-secondary-badge-text: rgba(0, 0, 0, 1);
  --color-secondary-badge-background: rgba(255, 255, 255, 1);
  --color-secondary-badge-border: rgba(0, 0, 0, 0.129);
  --color-input-text: rgba(0, 0, 0, 1);
  --color-input-border: rgba(0, 0, 0, 0.129);
  --color-input-border-low-opacity: rgba(0, 0, 0, 0.08);
  --color-input-background: rgba(255, 255, 255, 1);
  --color-selected-input-text: rgba(0, 0, 0, 1);
  --color-selected-input-border: rgba(0, 0, 0, 1);
  --color-selected-input-border-low-opacity: rgba(0, 0, 0, 0.08);
  --color-selected-input-background: rgba(255, 255, 255, 1);
  --color-variant-background: rgba(255, 255, 255, 1);
  --color-variant-border: rgba(0, 0, 0, 0.129);
  --color-variant-text: rgba(0, 0, 0, 1);
  --color-selected-variant-background: rgba(255, 255, 255, 1);
  --color-selected-variant-border: rgba(0, 0, 0, 1);
  --color-selected-variant-text: rgba(0, 0, 0, 1);
  --color-tab-background: rgba(255, 255, 255, 1);
  --color-tab-border: rgba(0, 0, 0, 0.129);
  --color-tab-text: rgba(0, 0, 0, 1);
  --color-selected-tab-background: rgba(255, 255, 255, 1);
  --color-selected-tab-border: rgba(0, 0, 0, 1);
  --color-selected-tab-text: rgba(0, 0, 0, 1);
  --color-shadow: 0, 0, 0, 0.25;
  --color-success: rgba(25, 135, 84, 1);
  --color-error: rgba(239, 68, 68, 1);
}

.color-dark {
  --color-background: rgba(37, 37, 37, 1);
  --gradient-background: #252525;
  --color-foreground: rgba(255, 255, 255, 1);
  --color-border: rgba(255, 255, 255, 0.31);
  --color-stars-icons: rgba(255, 255, 255, 1);
  --color-primary-button-text: rgba(0, 0, 0, 1);
  --color-primary-button-background: rgba(255, 255, 255, 1);
  --color-primary-button-border: rgba(255, 255, 255, 1);
  --color-secondary-button-text: rgba(255, 255, 255, 1);
  --color-secondary-button-background: rgba(0, 0, 0, 1);
  --color-secondary-button-border: rgba(255, 255, 255, 1);
  --color-primary-badge-text: rgba(0, 0, 0, 1);
  --color-primary-badge-background: rgba(255, 255, 255, 1);
  --color-primary-badge-border: rgba(255, 255, 255, 1);
  --color-secondary-badge-text: rgba(255, 255, 255, 1);
  --color-secondary-badge-background: rgba(0, 0, 0, 1);
  --color-secondary-badge-border: rgba(255, 255, 255, 1);
  --color-input-text: rgba(255, 255, 255, 1);
  --color-input-border: rgba(255, 255, 255, 0.502);
  --color-input-border-low-opacity: rgba(255, 255, 255, 0.08);
  --color-input-background: rgba(0, 0, 0, 1);
  --color-selected-input-text: rgba(0, 0, 0, 1);
  --color-selected-input-border: rgba(255, 255, 255, 1);
  --color-selected-input-border-low-opacity: rgba(255, 255, 255, 0.08);
  --color-selected-input-background: rgba(255, 255, 255, 1);
  --color-variant-background: rgba(0, 0, 0, 1);
  --color-variant-border: rgba(255, 255, 255, 0.502);
  --color-variant-text: rgba(255, 255, 255, 1);
  --color-selected-variant-background: rgba(255, 255, 255, 1);
  --color-selected-variant-border: rgba(255, 255, 255, 1);
  --color-selected-variant-text: rgba(0, 0, 0, 1);
  --color-tab-background: rgba(0, 0, 0, 1);
  --color-tab-border: rgba(255, 255, 255, 1);
  --color-tab-text: rgba(255, 255, 255, 1);
  --color-selected-tab-background: rgba(255, 255, 255, 1);
  --color-selected-tab-border: rgba(255, 255, 255, 1);
  --color-selected-tab-text: rgba(0, 0, 0, 1);
  --color-shadow: 0, 0, 0, 0.25;
  --color-success: rgba(25, 135, 84, 1);
  --color-error: rgba(239, 68, 68, 1);
}

.color-creme-2 {
  --color-background: rgba(254, 249, 247, 1);
  --gradient-background: #fef9f7;
  --color-foreground: rgba(37, 37, 37, 1);
  --color-border: rgba(0, 0, 0, 0.059);
  --color-stars-icons: rgba(37, 37, 37, 1);
  --color-primary-button-text: rgba(255, 255, 255, 1);
  --color-primary-button-background: rgba(0, 0, 0, 1);
  --color-primary-button-border: rgba(0, 0, 0, 1);
  --color-secondary-button-text: rgba(0, 0, 0, 1);
  --color-secondary-button-background: rgba(255, 255, 255, 1);
  --color-secondary-button-border: rgba(0, 0, 0, 0.129);
  --color-primary-badge-text: rgba(255, 255, 255, 1);
  --color-primary-badge-background: rgba(0, 0, 0, 1);
  --color-primary-badge-border: rgba(0, 0, 0, 1);
  --color-secondary-badge-text: rgba(37, 37, 37, 1);
  --color-secondary-badge-background: rgba(255, 255, 255, 1);
  --color-secondary-badge-border: rgba(0, 0, 0, 0.129);
  --color-input-text: rgba(37, 37, 37, 1);
  --color-input-border: rgba(0, 0, 0, 0.129);
  --color-input-border-low-opacity: rgba(0, 0, 0, 0.08);
  --color-input-background: rgba(255, 255, 255, 1);
  --color-selected-input-text: rgba(0, 0, 0, 1);
  --color-selected-input-border: rgba(0, 0, 0, 1);
  --color-selected-input-border-low-opacity: rgba(0, 0, 0, 0.08);
  --color-selected-input-background: rgba(255, 255, 255, 1);
  --color-variant-background: rgba(255, 255, 255, 1);
  --color-variant-border: rgba(0, 0, 0, 0.129);
  --color-variant-text: rgba(0, 0, 0, 1);
  --color-selected-variant-background: rgba(255, 255, 255, 1);
  --color-selected-variant-border: rgba(0, 0, 0, 1);
  --color-selected-variant-text: rgba(0, 0, 0, 1);
  --color-tab-background: rgba(255, 255, 255, 1);
  --color-tab-border: rgba(0, 0, 0, 0.129);
  --color-tab-text: rgba(0, 0, 0, 1);
  --color-selected-tab-background: rgba(255, 255, 255, 1);
  --color-selected-tab-border: rgba(0, 0, 0, 1);
  --color-selected-tab-text: rgba(0, 0, 0, 1);
  --color-shadow: 0, 0, 0, 0.25;
  --color-success: rgba(25, 135, 84, 1);
  --color-error: rgba(239, 68, 68, 1);
}

.color-hero {
  --color-background: rgba(255, 255, 255, 1);
  --gradient-background: #ffffff;
  --color-foreground: rgba(255, 255, 255, 1);
  --color-border: rgba(0, 0, 0, 0.059);
  --color-stars-icons: rgba(255, 255, 255, 1);
  --color-primary-button-text: rgba(0, 0, 0, 1);
  --color-primary-button-background: rgba(255, 255, 255, 1);
  --color-primary-button-border: rgba(0, 0, 0, 1);
  --color-secondary-button-text: rgba(255, 255, 255, 1);
  --color-secondary-button-background: rgba(0,0,0,0);
  --color-secondary-button-border: rgba(255, 255, 255, 1);
  --color-primary-badge-text: rgba(0, 0, 0, 1);
  --color-primary-badge-background: rgba(255, 255, 255, 1);
  --color-primary-badge-border: rgba(255, 255, 255, 1);
  --color-secondary-badge-text: rgba(255, 255, 255, 1);
  --color-secondary-badge-background: rgba(0,0,0,0);
  --color-secondary-badge-border: rgba(255, 255, 255, 1);
  --color-input-text: rgba(0, 0, 0, 1);
  --color-input-border: rgba(0, 0, 0, 0.129);
  --color-input-border-low-opacity: rgba(0, 0, 0, 0.08);
  --color-input-background: rgba(255, 255, 255, 1);
  --color-selected-input-text: rgba(0, 0, 0, 1);
  --color-selected-input-border: rgba(0, 0, 0, 1);
  --color-selected-input-border-low-opacity: rgba(0, 0, 0, 0.08);
  --color-selected-input-background: rgba(255, 255, 255, 1);
  --color-variant-background: rgba(255, 255, 255, 1);
  --color-variant-border: rgba(0, 0, 0, 0.129);
  --color-variant-text: rgba(0, 0, 0, 1);
  --color-selected-variant-background: rgba(255, 255, 255, 1);
  --color-selected-variant-border: rgba(0, 0, 0, 1);
  --color-selected-variant-text: rgba(0, 0, 0, 1);
  --color-tab-background: rgba(255, 255, 255, 1);
  --color-tab-border: rgba(0, 0, 0, 0.129);
  --color-tab-text: rgba(0, 0, 0, 1);
  --color-selected-tab-background: rgba(255, 255, 255, 1);
  --color-selected-tab-border: rgba(0, 0, 0, 1);
  --color-selected-tab-text: rgba(0, 0, 0, 1);
  --color-shadow: 0, 0, 0, 0.25;
  --color-success: rgba(25, 135, 84, 1);
  --color-error: rgba(239, 68, 68, 1);
}

.color-rose {
  --color-background: rgba(212, 165, 165, 1);
  --gradient-background: #d4a5a5;
  --color-foreground: rgba(74, 72, 66, 1);
  --color-border: rgba(74, 72, 66, 0.122);
  --color-stars-icons: rgba(74, 72, 66, 1);
  --color-primary-button-text: rgba(255, 255, 255, 1);
  --color-primary-button-background: rgba(74, 72, 66, 1);
  --color-primary-button-border: rgba(74, 72, 66, 1);
  --color-secondary-button-text: rgba(74, 72, 66, 1);
  --color-secondary-button-background: rgba(212, 165, 165, 1);
  --color-secondary-button-border: rgba(74, 72, 66, 0.251);
  --color-primary-badge-text: rgba(255, 255, 255, 1);
  --color-primary-badge-background: rgba(74, 72, 66, 1);
  --color-primary-badge-border: rgba(74, 72, 66, 1);
  --color-secondary-badge-text: rgba(74, 72, 66, 1);
  --color-secondary-badge-background: rgba(212, 165, 165, 1);
  --color-secondary-badge-border: rgba(74, 72, 66, 0.251);
  --color-input-text: rgba(74, 72, 66, 1);
  --color-input-border: rgba(0, 0, 0, 0.129);
  --color-input-border-low-opacity: rgba(0, 0, 0, 0.08);
  --color-input-background: rgba(255, 255, 255, 1);
  --color-selected-input-text: rgba(0, 0, 0, 1);
  --color-selected-input-border: rgba(0, 0, 0, 1);
  --color-selected-input-border-low-opacity: rgba(0, 0, 0, 0.08);
  --color-selected-input-background: rgba(255, 255, 255, 1);
  --color-variant-background: rgba(255, 255, 255, 1);
  --color-variant-border: rgba(0, 0, 0, 0.129);
  --color-variant-text: rgba(0, 0, 0, 1);
  --color-selected-variant-background: rgba(255, 255, 255, 1);
  --color-selected-variant-border: rgba(0, 0, 0, 1);
  --color-selected-variant-text: rgba(0, 0, 0, 1);
  --color-tab-background: rgba(255, 255, 255, 1);
  --color-tab-border: rgba(0, 0, 0, 0.129);
  --color-tab-text: rgba(0, 0, 0, 1);
  --color-selected-tab-background: rgba(255, 255, 255, 1);
  --color-selected-tab-border: rgba(0, 0, 0, 1);
  --color-selected-tab-text: rgba(0, 0, 0, 1);
  --color-shadow: 0, 0, 0, 0.25;
  --color-success: rgba(25, 135, 84, 1);
  --color-error: rgba(239, 68, 68, 1);
}

.color-terracotta {
  --color-background: rgba(226, 157, 125, 1);
  --gradient-background: #e29d7d;
  --color-foreground: rgba(74, 72, 66, 1);
  --color-border: rgba(74, 72, 66, 0.122);
  --color-stars-icons: rgba(74, 72, 66, 1);
  --color-primary-button-text: rgba(255, 255, 255, 1);
  --color-primary-button-background: rgba(74, 72, 66, 1);
  --color-primary-button-border: rgba(74, 72, 66, 1);
  --color-secondary-button-text: rgba(74, 72, 66, 1);
  --color-secondary-button-background: rgba(226, 157, 125, 1);
  --color-secondary-button-border: rgba(74, 72, 66, 0.251);
  --color-primary-badge-text: rgba(255, 255, 255, 1);
  --color-primary-badge-background: rgba(74, 72, 66, 1);
  --color-primary-badge-border: rgba(74, 72, 66, 1);
  --color-secondary-badge-text: rgba(74, 72, 66, 1);
  --color-secondary-badge-background: rgba(226, 157, 125, 1);
  --color-secondary-badge-border: rgba(74, 72, 66, 0.251);
  --color-input-text: rgba(74, 72, 66, 1);
  --color-input-border: rgba(0, 0, 0, 0.129);
  --color-input-border-low-opacity: rgba(0, 0, 0, 0.08);
  --color-input-background: rgba(255, 255, 255, 1);
  --color-selected-input-text: rgba(0, 0, 0, 1);
  --color-selected-input-border: rgba(0, 0, 0, 1);
  --color-selected-input-border-low-opacity: rgba(0, 0, 0, 0.08);
  --color-selected-input-background: rgba(255, 255, 255, 1);
  --color-variant-background: rgba(255, 255, 255, 1);
  --color-variant-border: rgba(0, 0, 0, 0.129);
  --color-variant-text: rgba(0, 0, 0, 1);
  --color-selected-variant-background: rgba(255, 255, 255, 1);
  --color-selected-variant-border: rgba(0, 0, 0, 1);
  --color-selected-variant-text: rgba(0, 0, 0, 1);
  --color-tab-background: rgba(255, 255, 255, 1);
  --color-tab-border: rgba(0, 0, 0, 0.129);
  --color-tab-text: rgba(0, 0, 0, 1);
  --color-selected-tab-background: rgba(255, 255, 255, 1);
  --color-selected-tab-border: rgba(0, 0, 0, 1);
  --color-selected-tab-text: rgba(0, 0, 0, 1);
  --color-shadow: 0, 0, 0, 0.25;
  --color-success: rgba(25, 135, 84, 1);
  --color-error: rgba(239, 68, 68, 1);
}

.color-jaune {
  --color-background: rgba(242, 216, 138, 1);
  --gradient-background: #f2d88a;
  --color-foreground: rgba(74, 72, 66, 1);
  --color-border: rgba(74, 72, 66, 0.122);
  --color-stars-icons: rgba(74, 72, 66, 1);
  --color-primary-button-text: rgba(255, 255, 255, 1);
  --color-primary-button-background: rgba(74, 72, 66, 1);
  --color-primary-button-border: rgba(74, 72, 66, 1);
  --color-secondary-button-text: rgba(74, 72, 66, 1);
  --color-secondary-button-background: rgba(242, 216, 138, 1);
  --color-secondary-button-border: rgba(74, 72, 66, 0.251);
  --color-primary-badge-text: rgba(255, 255, 255, 1);
  --color-primary-badge-background: rgba(74, 72, 66, 1);
  --color-primary-badge-border: rgba(74, 72, 66, 1);
  --color-secondary-badge-text: rgba(74, 72, 66, 1);
  --color-secondary-badge-background: rgba(242, 216, 138, 1);
  --color-secondary-badge-border: rgba(74, 72, 66, 0.251);
  --color-input-text: rgba(74, 72, 66, 1);
  --color-input-border: rgba(0, 0, 0, 0.129);
  --color-input-border-low-opacity: rgba(0, 0, 0, 0.08);
  --color-input-background: rgba(255, 255, 255, 1);
  --color-selected-input-text: rgba(0, 0, 0, 1);
  --color-selected-input-border: rgba(0, 0, 0, 1);
  --color-selected-input-border-low-opacity: rgba(0, 0, 0, 0.08);
  --color-selected-input-background: rgba(255, 255, 255, 1);
  --color-variant-background: rgba(255, 255, 255, 1);
  --color-variant-border: rgba(0, 0, 0, 0.129);
  --color-variant-text: rgba(0, 0, 0, 1);
  --color-selected-variant-background: rgba(255, 255, 255, 1);
  --color-selected-variant-border: rgba(0, 0, 0, 1);
  --color-selected-variant-text: rgba(0, 0, 0, 1);
  --color-tab-background: rgba(255, 255, 255, 1);
  --color-tab-border: rgba(0, 0, 0, 0.129);
  --color-tab-text: rgba(0, 0, 0, 1);
  --color-selected-tab-background: rgba(255, 255, 255, 1);
  --color-selected-tab-border: rgba(0, 0, 0, 1);
  --color-selected-tab-text: rgba(0, 0, 0, 1);
  --color-shadow: 0, 0, 0, 0.25;
  --color-success: rgba(25, 135, 84, 1);
  --color-error: rgba(239, 68, 68, 1);
}

.color-bleu {
  --color-background: rgba(168, 185, 208, 1);
  --gradient-background: #a8b9d0;
  --color-foreground: rgba(74, 72, 66, 1);
  --color-border: rgba(74, 72, 66, 0.122);
  --color-stars-icons: rgba(74, 72, 66, 1);
  --color-primary-button-text: rgba(255, 255, 255, 1);
  --color-primary-button-background: rgba(74, 72, 66, 1);
  --color-primary-button-border: rgba(74, 72, 66, 1);
  --color-secondary-button-text: rgba(74, 72, 66, 1);
  --color-secondary-button-background: rgba(168, 185, 208, 1);
  --color-secondary-button-border: rgba(74, 72, 66, 0.251);
  --color-primary-badge-text: rgba(255, 255, 255, 1);
  --color-primary-badge-background: rgba(74, 72, 66, 1);
  --color-primary-badge-border: rgba(74, 72, 66, 1);
  --color-secondary-badge-text: rgba(74, 72, 66, 1);
  --color-secondary-badge-background: rgba(168, 185, 208, 1);
  --color-secondary-badge-border: rgba(74, 72, 66, 0.251);
  --color-input-text: rgba(74, 72, 66, 1);
  --color-input-border: rgba(0, 0, 0, 0.129);
  --color-input-border-low-opacity: rgba(0, 0, 0, 0.08);
  --color-input-background: rgba(255, 255, 255, 1);
  --color-selected-input-text: rgba(0, 0, 0, 1);
  --color-selected-input-border: rgba(0, 0, 0, 1);
  --color-selected-input-border-low-opacity: rgba(0, 0, 0, 0.08);
  --color-selected-input-background: rgba(255, 255, 255, 1);
  --color-variant-background: rgba(255, 255, 255, 1);
  --color-variant-border: rgba(0, 0, 0, 0.129);
  --color-variant-text: rgba(0, 0, 0, 1);
  --color-selected-variant-background: rgba(255, 255, 255, 1);
  --color-selected-variant-border: rgba(0, 0, 0, 1);
  --color-selected-variant-text: rgba(0, 0, 0, 1);
  --color-tab-background: rgba(255, 255, 255, 1);
  --color-tab-border: rgba(0, 0, 0, 0.129);
  --color-tab-text: rgba(0, 0, 0, 1);
  --color-selected-tab-background: rgba(255, 255, 255, 1);
  --color-selected-tab-border: rgba(0, 0, 0, 1);
  --color-selected-tab-text: rgba(0, 0, 0, 1);
  --color-shadow: 0, 0, 0, 0.25;
  --color-success: rgba(25, 135, 84, 1);
  --color-error: rgba(239, 68, 68, 1);
}

.color-mauve {
  --color-background: rgba(201, 158, 184, 1);
  --gradient-background: #c99eb8;
  --color-foreground: rgba(74, 72, 66, 1);
  --color-border: rgba(74, 72, 66, 0.122);
  --color-stars-icons: rgba(74, 72, 66, 1);
  --color-primary-button-text: rgba(255, 255, 255, 1);
  --color-primary-button-background: rgba(74, 72, 66, 1);
  --color-primary-button-border: rgba(74, 72, 66, 1);
  --color-secondary-button-text: rgba(74, 72, 66, 1);
  --color-secondary-button-background: rgba(201, 158, 184, 1);
  --color-secondary-button-border: rgba(74, 72, 66, 0.251);
  --color-primary-badge-text: rgba(255, 255, 255, 1);
  --color-primary-badge-background: rgba(74, 72, 66, 1);
  --color-primary-badge-border: rgba(74, 72, 66, 1);
  --color-secondary-badge-text: rgba(74, 72, 66, 1);
  --color-secondary-badge-background: rgba(201, 158, 184, 1);
  --color-secondary-badge-border: rgba(74, 72, 66, 0.251);
  --color-input-text: rgba(74, 72, 66, 1);
  --color-input-border: rgba(0, 0, 0, 0.129);
  --color-input-border-low-opacity: rgba(0, 0, 0, 0.08);
  --color-input-background: rgba(255, 255, 255, 1);
  --color-selected-input-text: rgba(0, 0, 0, 1);
  --color-selected-input-border: rgba(0, 0, 0, 1);
  --color-selected-input-border-low-opacity: rgba(0, 0, 0, 0.08);
  --color-selected-input-background: rgba(255, 255, 255, 1);
  --color-variant-background: rgba(255, 255, 255, 1);
  --color-variant-border: rgba(0, 0, 0, 0.129);
  --color-variant-text: rgba(0, 0, 0, 1);
  --color-selected-variant-background: rgba(255, 255, 255, 1);
  --color-selected-variant-border: rgba(0, 0, 0, 1);
  --color-selected-variant-text: rgba(0, 0, 0, 1);
  --color-tab-background: rgba(255, 255, 255, 1);
  --color-tab-border: rgba(0, 0, 0, 0.129);
  --color-tab-text: rgba(0, 0, 0, 1);
  --color-selected-tab-background: rgba(255, 255, 255, 1);
  --color-selected-tab-border: rgba(0, 0, 0, 1);
  --color-selected-tab-text: rgba(0, 0, 0, 1);
  --color-shadow: 0, 0, 0, 0.25;
  --color-success: rgba(25, 135, 84, 1);
  --color-error: rgba(239, 68, 68, 1);
}

.color-sauge {
  --color-background: rgba(192, 207, 171, 1);
  --gradient-background: #c0cfab;
  --color-foreground: rgba(74, 72, 66, 1);
  --color-border: rgba(74, 72, 66, 0.122);
  --color-stars-icons: rgba(74, 72, 66, 1);
  --color-primary-button-text: rgba(255, 255, 255, 1);
  --color-primary-button-background: rgba(74, 72, 66, 1);
  --color-primary-button-border: rgba(74, 72, 66, 1);
  --color-secondary-button-text: rgba(74, 72, 66, 1);
  --color-secondary-button-background: rgba(192, 207, 171, 1);
  --color-secondary-button-border: rgba(74, 72, 66, 0.251);
  --color-primary-badge-text: rgba(255, 255, 255, 1);
  --color-primary-badge-background: rgba(74, 72, 66, 1);
  --color-primary-badge-border: rgba(74, 72, 66, 1);
  --color-secondary-badge-text: rgba(74, 72, 66, 1);
  --color-secondary-badge-background: rgba(192, 207, 171, 1);
  --color-secondary-badge-border: rgba(74, 72, 66, 0.251);
  --color-input-text: rgba(74, 72, 66, 1);
  --color-input-border: rgba(0, 0, 0, 0.129);
  --color-input-border-low-opacity: rgba(0, 0, 0, 0.08);
  --color-input-background: rgba(255, 255, 255, 1);
  --color-selected-input-text: rgba(0, 0, 0, 1);
  --color-selected-input-border: rgba(0, 0, 0, 1);
  --color-selected-input-border-low-opacity: rgba(0, 0, 0, 0.08);
  --color-selected-input-background: rgba(255, 255, 255, 1);
  --color-variant-background: rgba(255, 255, 255, 1);
  --color-variant-border: rgba(0, 0, 0, 0.129);
  --color-variant-text: rgba(0, 0, 0, 1);
  --color-selected-variant-background: rgba(255, 255, 255, 1);
  --color-selected-variant-border: rgba(0, 0, 0, 1);
  --color-selected-variant-text: rgba(0, 0, 0, 1);
  --color-tab-background: rgba(255, 255, 255, 1);
  --color-tab-border: rgba(0, 0, 0, 0.129);
  --color-tab-text: rgba(0, 0, 0, 1);
  --color-selected-tab-background: rgba(255, 255, 255, 1);
  --color-selected-tab-border: rgba(0, 0, 0, 1);
  --color-selected-tab-text: rgba(0, 0, 0, 1);
  --color-shadow: 0, 0, 0, 0.25;
  --color-success: rgba(25, 135, 84, 1);
  --color-error: rgba(239, 68, 68, 1);
}

.color-peche {
  --color-background: rgba(240, 198, 160, 1);
  --gradient-background: #f0c6a0;
  --color-foreground: rgba(74, 72, 66, 1);
  --color-border: rgba(74, 72, 66, 0.122);
  --color-stars-icons: rgba(74, 72, 66, 1);
  --color-primary-button-text: rgba(255, 255, 255, 1);
  --color-primary-button-background: rgba(74, 72, 66, 1);
  --color-primary-button-border: rgba(74, 72, 66, 1);
  --color-secondary-button-text: rgba(74, 72, 66, 1);
  --color-secondary-button-background: rgba(240, 198, 160, 1);
  --color-secondary-button-border: rgba(74, 72, 66, 0.251);
  --color-primary-badge-text: rgba(255, 255, 255, 1);
  --color-primary-badge-background: rgba(74, 72, 66, 1);
  --color-primary-badge-border: rgba(74, 72, 66, 1);
  --color-secondary-badge-text: rgba(74, 72, 66, 1);
  --color-secondary-badge-background: rgba(240, 198, 160, 1);
  --color-secondary-badge-border: rgba(74, 72, 66, 0.251);
  --color-input-text: rgba(74, 72, 66, 1);
  --color-input-border: rgba(0, 0, 0, 0.129);
  --color-input-border-low-opacity: rgba(0, 0, 0, 0.08);
  --color-input-background: rgba(255, 255, 255, 1);
  --color-selected-input-text: rgba(0, 0, 0, 1);
  --color-selected-input-border: rgba(0, 0, 0, 1);
  --color-selected-input-border-low-opacity: rgba(0, 0, 0, 0.08);
  --color-selected-input-background: rgba(255, 255, 255, 1);
  --color-variant-background: rgba(255, 255, 255, 1);
  --color-variant-border: rgba(0, 0, 0, 0.129);
  --color-variant-text: rgba(0, 0, 0, 1);
  --color-selected-variant-background: rgba(255, 255, 255, 1);
  --color-selected-variant-border: rgba(0, 0, 0, 1);
  --color-selected-variant-text: rgba(0, 0, 0, 1);
  --color-tab-background: rgba(255, 255, 255, 1);
  --color-tab-border: rgba(0, 0, 0, 0.129);
  --color-tab-text: rgba(0, 0, 0, 1);
  --color-selected-tab-background: rgba(255, 255, 255, 1);
  --color-selected-tab-border: rgba(0, 0, 0, 1);
  --color-selected-tab-text: rgba(0, 0, 0, 1);
  --color-shadow: 0, 0, 0, 0.25;
  --color-success: rgba(25, 135, 84, 1);
  --color-error: rgba(239, 68, 68, 1);
}

body, .color-creme, .color-white, .color-offwhite, .color-dark, .color-creme-2, .color-hero, .color-rose, .color-terracotta, .color-jaune, .color-bleu, .color-mauve, .color-sauge, .color-peche {
  color: var(--color-foreground);
  background: var(--gradient-background);
}