:root,
.color-scheme-1 {
  --color-background: rgb(10, 10, 10);
  --color-background-rgb: 10, 10, 10;
  --opacity-5-15: 0.15;
  --opacity-10-25: 0.25;
  --opacity-35-55: 0.55;
  --opacity-40-60: 0.6;
  --opacity-30-60: 0.6;
  --color-foreground: rgb(241, 243, 243);
  --color-foreground-rgb: 241, 243, 243;
  --color-foreground-heading: rgb(255, 255, 255);
  --color-foreground-heading-rgb: 255, 255, 255;
  --color-primary: rgb(241, 243, 243);
  --color-primary-rgb: 241, 243, 243;
  --color-primary-hover: rgb(255, 255, 255);
  --color-primary-hover-rgb: 255, 255, 255;
  --color-border: rgb(241, 243, 243);
  --color-border-rgb: 241, 243, 243;
  --color-shadow: rgb(0, 0, 0);
  --color-shadow-rgb: 0, 0, 0;
  --color-primary-button-text: rgb(241, 243, 243);
  --color-primary-button-background: rgb(40, 62, 54);
  --color-primary-button-border: rgb(40, 62, 54);
  --color-primary-button-hover-text: rgb(255, 255, 255);
  --color-primary-button-hover-background: rgb(52, 127, 102);
  --color-primary-button-hover-border: rgb(52, 127, 102);
  --color-secondary-button-text: rgb(10, 15, 14);
  --color-secondary-button-background: rgb(0, 0, 0, 0);
  --color-secondary-button-border: rgb(10, 15, 14);
  --color-secondary-button-hover-text: rgb(10, 15, 14);
  --color-secondary-button-hover-background: rgb(255, 255, 255);
  --color-secondary-button-hover-border: rgb(255, 255, 255);
  --color-input-background: rgb(255, 255, 255);
  --color-input-text: rgb(0, 0, 0);
  --color-input-text-rgb: 0, 0, 0;
  --color-input-border: rgb(40, 62, 54);
  --color-input-hover-background: rgb(245, 245, 245);
  --color-variant-background: rgb(26, 26, 26);
  --color-variant-border: rgb(51, 51, 51);
  --color-variant-text: rgb(255, 255, 255);
  --color-variant-text-rgb: 255, 255, 255;
  --color-variant-hover-background: rgb(36, 36, 36);
  --color-variant-hover-text: rgb(255, 255, 255);
  --color-variant-hover-border: rgb(68, 68, 68);
  --color-selected-variant-background: rgb(0, 0, 0);
  --color-selected-variant-border: rgb(0, 0, 0);
  --color-selected-variant-text: rgb(255, 255, 255);
  --color-selected-variant-hover-background: rgb(26, 26, 26);
  --color-selected-variant-hover-text: rgb(255, 255, 255);
  --color-selected-variant-hover-border: rgb(26, 26, 26);

  --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));
  --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
  --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
  --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-40-60));
  --font-h1--color: var(--color-foreground-heading);
  --font-h2--color: var(--color-foreground-heading);
  --font-h3--color: var(--color-foreground-heading);
  --font-h4--color: var(--color-foreground-heading);
}

.color-scheme-2 {
  --color-background: rgb(18, 18, 18);
  --color-background-rgb: 18, 18, 18;
  --opacity-5-15: 0.15;
  --opacity-10-25: 0.25;
  --opacity-35-55: 0.55;
  --opacity-40-60: 0.6;
  --opacity-30-60: 0.6;
  --color-foreground: rgb(241, 243, 243);
  --color-foreground-rgb: 241, 243, 243;
  --color-foreground-heading: rgb(255, 255, 255);
  --color-foreground-heading-rgb: 255, 255, 255;
  --color-primary: rgb(213, 220, 218);
  --color-primary-rgb: 213, 220, 218;
  --color-primary-hover: rgb(241, 243, 243);
  --color-primary-hover-rgb: 241, 243, 243;
  --color-border: rgb(10, 15, 14);
  --color-border-rgb: 10, 15, 14;
  --color-shadow: rgb(0, 0, 0);
  --color-shadow-rgb: 0, 0, 0;
  --color-primary-button-text: rgb(255, 255, 255);
  --color-primary-button-background: rgb(204, 0, 0);
  --color-primary-button-border: rgb(204, 0, 0);
  --color-primary-button-hover-text: rgb(255, 255, 255);
  --color-primary-button-hover-background: rgb(168, 0, 0);
  --color-primary-button-hover-border: rgb(168, 0, 0);
  --color-secondary-button-text: rgb(241, 243, 243);
  --color-secondary-button-background: rgb(0, 0, 0, 0);
  --color-secondary-button-border: rgb(241, 243, 243);
  --color-secondary-button-hover-text: rgb(241, 243, 243);
  --color-secondary-button-hover-background: rgb(10, 15, 14);
  --color-secondary-button-hover-border: rgb(10, 15, 14);
  --color-input-background: rgb(51, 51, 51);
  --color-input-text: rgb(255, 255, 255);
  --color-input-text-rgb: 255, 255, 255;
  --color-input-border: rgb(213, 220, 218);
  --color-input-hover-background: rgb(245, 245, 245);
  --color-variant-background: rgb(255, 255, 255);
  --color-variant-border: rgb(230, 230, 230);
  --color-variant-text: rgb(0, 0, 0);
  --color-variant-text-rgb: 0, 0, 0;
  --color-variant-hover-background: rgb(245, 245, 245);
  --color-variant-hover-text: rgb(0, 0, 0);
  --color-variant-hover-border: rgb(230, 230, 230);
  --color-selected-variant-background: rgb(0, 0, 0);
  --color-selected-variant-border: rgb(0, 0, 0);
  --color-selected-variant-text: rgb(255, 255, 255);
  --color-selected-variant-hover-background: rgb(26, 26, 26);
  --color-selected-variant-hover-text: rgb(255, 255, 255);
  --color-selected-variant-hover-border: rgb(26, 26, 26);

  --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));
  --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
  --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
  --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-40-60));
  --font-h1--color: var(--color-foreground-heading);
  --font-h2--color: var(--color-foreground-heading);
  --font-h3--color: var(--color-foreground-heading);
  --font-h4--color: var(--color-foreground-heading);
}

.color-scheme-3 {
  --color-background: rgb(74, 103, 93);
  --color-background-rgb: 74, 103, 93;
  --opacity-5-15: 0.05;
  --opacity-10-25: 0.1;
  --opacity-35-55: 0.35;
  --opacity-40-60: 0.4;
  --opacity-30-60: 0.3;
  --color-foreground: rgb(241, 243, 243);
  --color-foreground-rgb: 241, 243, 243;
  --color-foreground-heading: rgb(0, 0, 0);
  --color-foreground-heading-rgb: 0, 0, 0;
  --color-primary: rgb(239, 245, 243);
  --color-primary-rgb: 239, 245, 243;
  --color-primary-hover: rgb(207, 226, 220);
  --color-primary-hover-rgb: 207, 226, 220;
  --color-border: rgb(96, 133, 120);
  --color-border-rgb: 96, 133, 120;
  --color-shadow: rgb(0, 0, 0);
  --color-shadow-rgb: 0, 0, 0;
  --color-primary-button-text: rgb(6, 20, 15);
  --color-primary-button-background: rgb(161, 217, 198);
  --color-primary-button-border: rgb(161, 217, 198);
  --color-primary-button-hover-text: rgb(0, 0, 0);
  --color-primary-button-hover-background: rgb(161, 217, 198);
  --color-primary-button-hover-border: rgb(161, 217, 198);
  --color-secondary-button-text: rgb(241, 243, 243);
  --color-secondary-button-background: rgb(0, 0, 0, 0);
  --color-secondary-button-border: rgb(241, 243, 243);
  --color-secondary-button-hover-text: rgb(6, 20, 15);
  --color-secondary-button-hover-background: rgb(207, 226, 220);
  --color-secondary-button-hover-border: rgb(207, 226, 220);
  --color-input-background: rgb(255, 255, 255);
  --color-input-text: rgb(0, 0, 0);
  --color-input-text-rgb: 0, 0, 0;
  --color-input-border: rgb(0, 0, 0);
  --color-input-hover-background: rgb(245, 245, 245);
  --color-variant-background: rgb(255, 255, 255);
  --color-variant-border: rgb(230, 230, 230);
  --color-variant-text: rgb(0, 0, 0);
  --color-variant-text-rgb: 0, 0, 0;
  --color-variant-hover-background: rgb(245, 245, 245);
  --color-variant-hover-text: rgb(0, 0, 0);
  --color-variant-hover-border: rgb(230, 230, 230);
  --color-selected-variant-background: rgb(0, 0, 0);
  --color-selected-variant-border: rgb(0, 0, 0);
  --color-selected-variant-text: rgb(255, 255, 255);
  --color-selected-variant-hover-background: rgb(26, 26, 26);
  --color-selected-variant-hover-text: rgb(255, 255, 255);
  --color-selected-variant-hover-border: rgb(26, 26, 26);

  --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));
  --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
  --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
  --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-40-60));
  --font-h1--color: var(--color-foreground-heading);
  --font-h2--color: var(--color-foreground-heading);
  --font-h3--color: var(--color-foreground-heading);
  --font-h4--color: var(--color-foreground-heading);
}

.color-scheme-4 {
  --color-background: rgb(161, 217, 198);
  --color-background-rgb: 161, 217, 198;
  --opacity-5-15: 0.05;
  --opacity-10-25: 0.1;
  --opacity-35-55: 0.35;
  --opacity-40-60: 0.4;
  --opacity-30-60: 0.3;
  --color-foreground: rgb(10, 15, 14);
  --color-foreground-rgb: 10, 15, 14;
  --color-foreground-heading: rgb(255, 255, 255);
  --color-foreground-heading-rgb: 255, 255, 255;
  --color-primary: rgb(10, 15, 14);
  --color-primary-rgb: 10, 15, 14;
  --color-primary-hover: rgb(6, 20, 15);
  --color-primary-hover-rgb: 6, 20, 15;
  --color-border: rgb(92, 188, 156);
  --color-border-rgb: 92, 188, 156;
  --color-shadow: rgb(0, 0, 0);
  --color-shadow-rgb: 0, 0, 0;
  --color-primary-button-text: rgb(241, 243, 243);
  --color-primary-button-background: rgb(74, 103, 93);
  --color-primary-button-border: rgb(74, 103, 93);
  --color-primary-button-hover-text: rgb(255, 255, 255);
  --color-primary-button-hover-background: rgb(23, 79, 60);
  --color-primary-button-hover-border: rgb(23, 79, 60);
  --color-secondary-button-text: rgb(6, 20, 15);
  --color-secondary-button-background: rgb(0, 0, 0, 0);
  --color-secondary-button-border: rgb(6, 20, 15);
  --color-secondary-button-hover-text: rgb(10, 15, 14);
  --color-secondary-button-hover-background: rgb(255, 255, 255);
  --color-secondary-button-hover-border: rgb(255, 255, 255);
  --color-input-background: rgb(239, 245, 243);
  --color-input-text: rgb(0, 0, 0);
  --color-input-text-rgb: 0, 0, 0;
  --color-input-border: rgb(0, 0, 0);
  --color-input-hover-background: rgb(245, 245, 245);
  --color-variant-background: rgb(255, 255, 255);
  --color-variant-border: rgb(230, 230, 230);
  --color-variant-text: rgb(0, 0, 0);
  --color-variant-text-rgb: 0, 0, 0;
  --color-variant-hover-background: rgb(245, 245, 245);
  --color-variant-hover-text: rgb(0, 0, 0);
  --color-variant-hover-border: rgb(230, 230, 230);
  --color-selected-variant-background: rgb(0, 0, 0);
  --color-selected-variant-border: rgb(0, 0, 0);
  --color-selected-variant-text: rgb(255, 255, 255);
  --color-selected-variant-hover-background: rgb(26, 26, 26);
  --color-selected-variant-hover-text: rgb(255, 255, 255);
  --color-selected-variant-hover-border: rgb(26, 26, 26);

  --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));
  --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
  --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
  --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-40-60));
  --font-h1--color: var(--color-foreground-heading);
  --font-h2--color: var(--color-foreground-heading);
  --font-h3--color: var(--color-foreground-heading);
  --font-h4--color: var(--color-foreground-heading);
}