:root {
  --modalBackdrop: rgba(65, 65, 65, 1);
  --modalBackdrop-25: rgba(65, 65, 65, 0.25);
  --modalBackdrop-50: rgba(65, 65, 65, 0.5);
  --modalBackdrop-75: rgba(65, 65, 65, 0.75);
  --midground2: rgba(215, 215, 215, 1);
  --midground2-25: rgba(215, 215, 215, 0.25);
  --midground2-50: rgba(215, 215, 215, 0.5);
  --midground2-75: rgba(215, 215, 215, 0.75);
  --foreground: rgba(65, 65, 65, 1);
  --foreground-25: rgba(65, 65, 65, 0.25);
  --foreground-50: rgba(65, 65, 65, 0.5);
  --foreground-75: rgba(65, 65, 65, 0.75);
  --midground4: rgba(134, 134, 134, 1);
  --midground4-25: rgba(134, 134, 134, 0.25);
  --midground4-50: rgba(134, 134, 134, 0.5);
  --midground4-75: rgba(134, 134, 134, 0.75);
  --danger: rgba(224, 38, 38, 1);
  --danger-25: rgba(224, 38, 38, 0.25);
  --danger-50: rgba(224, 38, 38, 0.5);
  --danger-75: rgba(224, 38, 38, 0.75);
  --midground3: rgba(190, 190, 190, 1);
  --midground3-25: rgba(190, 190, 190, 0.25);
  --midground3-50: rgba(190, 190, 190, 0.5);
  --midground3-75: rgba(190, 190, 190, 0.75);
  --background: rgba(243, 243, 243, 1);
  --background-25: rgba(243, 243, 243, 0.25);
  --background-50: rgba(243, 243, 243, 0.5);
  --background-75: rgba(243, 243, 243, 0.75);
  --dark: rgba(65, 65, 65, 1);
  --dark-25: rgba(65, 65, 65, 0.25);
  --dark-50: rgba(65, 65, 65, 0.5);
  --dark-75: rgba(65, 65, 65, 0.75);
  --primary: rgba(0, 126, 57, 1);
  --primary-25: rgba(0, 126, 57, 0.25);
  --primary-50: rgba(0, 126, 57, 0.5);
  --primary-75: rgba(0, 126, 57, 0.75);
  --light: rgba(243, 243, 243, 1);
  --light-25: rgba(243, 243, 243, 0.25);
  --light-50: rgba(243, 243, 243, 0.5);
  --light-75: rgba(243, 243, 243, 0.75);
  --midground1: rgba(221, 221, 221, 1);
  --midground1-25: rgba(221, 221, 221, 0.25);
  --midground1-50: rgba(221, 221, 221, 0.5);
  --midground1-75: rgba(221, 221, 221, 0.75);
  --success: rgba(59, 150, 7, 1);
  --success-25: rgba(59, 150, 7, 0.25);
  --success-50: rgba(59, 150, 7, 0.5);
  --success-75: rgba(59, 150, 7, 0.75);
  --secondary: rgba(240, 109, 6, 1);
  --secondary-25: rgba(240, 109, 6, 0.25);
  --secondary-50: rgba(240, 109, 6, 0.5);
  --secondary-75: rgba(240, 109, 6, 0.75);
}

.dark * {
  --modalBackdrop: rgba(103, 103, 103, 1);
  --modalBackdrop-25: rgba(103, 103, 103, 0.25);
  --modalBackdrop-50: rgba(103, 103, 103, 0.5);
  --modalBackdrop-75: rgba(103, 103, 103, 0.75);
  --midground2: rgba(65, 65, 65, 1);
  --midground2-25: rgba(65, 65, 65, 0.25);
  --midground2-50: rgba(65, 65, 65, 0.5);
  --midground2-75: rgba(65, 65, 65, 0.75);
  --foreground: rgba(255, 255, 255, 1);
  --foreground-25: rgba(255, 255, 255, 0.25);
  --foreground-50: rgba(255, 255, 255, 0.5);
  --foreground-75: rgba(255, 255, 255, 0.75);
  --midground1: rgba(36, 36, 36, 1);
  --midground1-25: rgba(36, 36, 36, 0.25);
  --midground1-50: rgba(36, 36, 36, 0.5);
  --midground1-75: rgba(36, 36, 36, 0.75);
  --midground4: rgba(205, 205, 205, 1);
  --midground4-25: rgba(205, 205, 205, 0.25);
  --midground4-50: rgba(205, 205, 205, 0.5);
  --midground4-75: rgba(205, 205, 205, 0.75);
  --danger: rgba(224, 38, 38, 1);
  --danger-25: rgba(224, 38, 38, 0.25);
  --danger-50: rgba(224, 38, 38, 0.5);
  --danger-75: rgba(224, 38, 38, 0.75);
  --midground3: rgba(146, 146, 146, 1);
  --midground3-25: rgba(146, 146, 146, 0.25);
  --midground3-50: rgba(146, 146, 146, 0.5);
  --midground3-75: rgba(146, 146, 146, 0.75);
  --light: rgba(255, 255, 255, 1);
  --light-25: rgba(255, 255, 255, 0.25);
  --light-50: rgba(255, 255, 255, 0.5);
  --light-75: rgba(255, 255, 255, 0.75);
  --background: rgba(24, 24, 24, 1);
  --background-25: rgba(24, 24, 24, 0.25);
  --background-50: rgba(24, 24, 24, 0.5);
  --background-75: rgba(24, 24, 24, 0.75);
  --dark: rgba(24, 24, 24, 1);
  --dark-25: rgba(24, 24, 24, 0.25);
  --dark-50: rgba(24, 24, 24, 0.5);
  --dark-75: rgba(24, 24, 24, 0.75);
  --primary: rgba(0, 126, 57, 1);
  --primary-25: rgba(0, 126, 57, 0.25);
  --primary-50: rgba(0, 126, 57, 0.5);
  --primary-75: rgba(0, 126, 57, 0.75);
  --secondary: rgba(255, 212, 120, 1);
  --secondary-25: rgba(255, 212, 120, 0.25);
  --secondary-50: rgba(255, 212, 120, 0.5);
  --secondary-75: rgba(255, 212, 120, 0.75);
  --success: rgba(59, 150, 7, 1);
  --success-25: rgba(59, 150, 7, 0.25);
  --success-50: rgba(59, 150, 7, 0.5);
  --success-75: rgba(59, 150, 7, 0.75);
}