:root {
  --fond: oklch(0.9604 0.0185 267.16);
  --contenu: oklch(0.9824 0.0081 267.16);
  --panneau: oklch(0.9912 0.0040 267.16);
  --fenetre: oklch(0.9967 0.0015 267.16);
  --survol: oklch(0.9384 0.0200 267.16);
  --selection: oklch(0.9120 0.0200 267.16);
  --accent-doux: oklch(0.9428 0.0270 267.16);
  --texte: oklch(0.3125 0.0300 267.16);
  --texte-doux: oklch(0.4695 0.0300 267.16);
  --texte-desactive: oklch(0.7360 0.0150 267.16);
  --filet: oklch(0.8831 0.0200 267.16);
  --filet-fort: oklch(0.6014 0.0300 267.16);
  --sur-accent: oklch(1.0000 0.0000 267.16);
  --accent: oklch(0.2378 0.0845 267.16);
  --accent-survol: oklch(0.1878 0.0845 267.16);
  --accent-texte: oklch(0.4511 0.0845 267.16);
  --focus: oklch(0.5500 0.0845 267.16);
  --vert: oklch(0.5853 0.1500 150.00);
  --vert-fond: oklch(0.9468 0.0400 150.00);
  --vert-texte: oklch(0.4500 0.1239 150.00);
  --orange: oklch(0.6000 0.1346 65.00);
  --orange-fond: oklch(0.9468 0.0357 65.00);
  --orange-texte: oklch(0.4500 0.1009 65.00);
  --rouge: oklch(0.6000 0.1900 27.00);
  --rouge-fond: oklch(0.9468 0.0265 27.00);
  --rouge-texte: oklch(0.4500 0.1400 27.00);
  --etape-2: oklch(0.7200 0.0600 75.00);
  --etape-3: oklch(0.7200 0.0600 107.50);
  --etape-4: oklch(0.7200 0.0600 140.00);
  --etape-5: oklch(0.7200 0.0600 172.50);
  --etape-6: oklch(0.7200 0.0600 205.00);
  --etape-7: oklch(0.7200 0.0600 237.50);
  --etape-8: oklch(0.7200 0.0600 270.00);
  --etape-9: oklch(0.7200 0.0600 302.50);
  --etape-10: oklch(0.7200 0.0600 335.00);
  --ombre: oklch(0.2000 0.0200 267.16);
  color-scheme: light;
}

:root[data-theme="sombre"] {
  --fond: oklch(0.1500 0.0200 267.16);
  --contenu: oklch(0.1676 0.0200 267.16);
  --panneau: oklch(0.1852 0.0200 267.16);
  --fenetre: oklch(0.2072 0.0200 267.16);
  --survol: oklch(0.2248 0.0200 267.16);
  --selection: oklch(0.2512 0.0200 267.16);
  --accent-doux: oklch(0.2204 0.0338 267.16);
  --texte: oklch(0.8495 0.0300 267.16);
  --texte-doux: oklch(0.6680 0.0300 267.16);
  --texte-desactive: oklch(0.4170 0.0150 267.16);
  --filet: oklch(0.2898 0.0200 267.16);
  --filet-fort: oklch(0.5326 0.0300 267.16);
  --sur-accent: oklch(0.2000 0.0200 267.16);
  --accent: oklch(0.5997 0.0845 267.16);
  --accent-survol: oklch(0.6497 0.0845 267.16);
  --accent-texte: oklch(0.6949 0.0845 267.16);
  --focus: oklch(0.7200 0.0845 267.16);
  --vert: oklch(0.7200 0.1500 150.00);
  --vert-fond: oklch(0.2204 0.0500 150.00);
  --vert-texte: oklch(0.8000 0.1400 150.00);
  --orange: oklch(0.7200 0.1600 65.00);
  --orange-fond: oklch(0.2204 0.0494 65.00);
  --orange-texte: oklch(0.8000 0.1400 65.00);
  --rouge: oklch(0.7200 0.1743 27.00);
  --rouge-fond: oklch(0.2204 0.0500 27.00);
  --rouge-texte: oklch(0.8000 0.1144 27.00);
  --etape-2: oklch(0.6000 0.0600 75.00);
  --etape-3: oklch(0.6000 0.0600 107.50);
  --etape-4: oklch(0.6000 0.0600 140.00);
  --etape-5: oklch(0.6000 0.0600 172.50);
  --etape-6: oklch(0.6000 0.0600 205.00);
  --etape-7: oklch(0.6000 0.0600 237.50);
  --etape-8: oklch(0.6000 0.0600 270.00);
  --etape-9: oklch(0.6000 0.0600 302.50);
  --etape-10: oklch(0.6000 0.0600 335.00);
  --ombre: oklch(0.0500 0.0000 0.00);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  :root[data-theme="systeme"] {
    --fond: oklch(0.1500 0.0200 267.16);
    --contenu: oklch(0.1676 0.0200 267.16);
    --panneau: oklch(0.1852 0.0200 267.16);
    --fenetre: oklch(0.2072 0.0200 267.16);
    --survol: oklch(0.2248 0.0200 267.16);
    --selection: oklch(0.2512 0.0200 267.16);
    --accent-doux: oklch(0.2204 0.0338 267.16);
    --texte: oklch(0.8495 0.0300 267.16);
    --texte-doux: oklch(0.6680 0.0300 267.16);
    --texte-desactive: oklch(0.4170 0.0150 267.16);
    --filet: oklch(0.2898 0.0200 267.16);
    --filet-fort: oklch(0.5326 0.0300 267.16);
    --sur-accent: oklch(0.2000 0.0200 267.16);
    --accent: oklch(0.5997 0.0845 267.16);
    --accent-survol: oklch(0.6497 0.0845 267.16);
    --accent-texte: oklch(0.6949 0.0845 267.16);
    --focus: oklch(0.7200 0.0845 267.16);
    --vert: oklch(0.7200 0.1500 150.00);
    --vert-fond: oklch(0.2204 0.0500 150.00);
    --vert-texte: oklch(0.8000 0.1400 150.00);
    --orange: oklch(0.7200 0.1600 65.00);
    --orange-fond: oklch(0.2204 0.0494 65.00);
    --orange-texte: oklch(0.8000 0.1400 65.00);
    --rouge: oklch(0.7200 0.1743 27.00);
    --rouge-fond: oklch(0.2204 0.0500 27.00);
    --rouge-texte: oklch(0.8000 0.1144 27.00);
    --etape-2: oklch(0.6000 0.0600 75.00);
    --etape-3: oklch(0.6000 0.0600 107.50);
    --etape-4: oklch(0.6000 0.0600 140.00);
    --etape-5: oklch(0.6000 0.0600 172.50);
    --etape-6: oklch(0.6000 0.0600 205.00);
    --etape-7: oklch(0.6000 0.0600 237.50);
    --etape-8: oklch(0.6000 0.0600 270.00);
    --etape-9: oklch(0.6000 0.0600 302.50);
    --etape-10: oklch(0.6000 0.0600 335.00);
    --ombre: oklch(0.0500 0.0000 0.00);
    color-scheme: dark;
  }
}