:root {
  --color-blue: oklch(94.55% 0.0231 246.04);
  --color-blue-bright: oklch(45% 0.35 246.04);
  --color-blue-brighter: oklch(30% 0.35 246.04);
  --color-blue-dark: oklch(70% 0.15 264.04);
  --color-blue-darker: oklch(55% 0.15 264.04);
  --color-green: oklch(95.85% 0.0359 142.74);
  --color-green-bright: oklch(60% 0.2 142.74);
  --color-green-brighter: oklch(45% 0.2 142.74);
  --color-green-dark: oklch(70% 0.08 142.74);
  --color-green-mat: oklch(80% 0.15 142.74);
  --color-peach: oklch(96.17% 0.0309 75.22);
  --color-peach-bright: oklch(80% 0.2 75.22);
  --color-peach-brighter: oklch(70% 0.2 75.22);
  --color-salmon: oklch(94.33% 0.0286 15.01);
  --color-salmon-dark: oklch(80% 0.11 15.01);
  --color-salmon-dark-0-5: oklch(80% 0.11 15.01 / 0.5);
  --color-salmon-darker: oklch(70% 0.13 15.01);
  --color-sand: oklch(98.16% 0.0085 67.73);
  --color-violet: oklch(95.52% 0.0244 298.61);
  --color-violet-bright: oklch(50% 0.25 298.61);
  --color-violet-brighter: oklch(35% 0.25 298.61);
  --color-violet-dark: oklch(65% 0.15 298.61);
  --color-violet-darker: oklch(50% 0.15 298.61);
  --color-raspberry: oklch(69.86% 0.1954 14.17);
}

.bg-blue {
  background-color: var(--color-blue);
}
.bg-blue-dark {
  background-color: var(--color-blue-dark);
}
.bg-green {
  background-color: var(--color-green);
}
.bg-green-dark {
  background-color: var(--color-green-dark);
}
.bg-green-mat {
  background-color: var(--color-green-mat);
}
.bg-peach {
  background-color: var(--color-peach);
}
.bg-sand {
  background-color: var(--color-sand);
}
.bg-violet {
  background-color: var(--color-violet);
}

.border-blue-dark {
  border-color: var(--color-blue-dark) !important;
}
.border-green-mat {
  border-color: var(--color-green-mat) !important;
}
.border-peach-bright {
  border-color: var(--color-peach-bright) !important;
}
.border-salmon-dark {
  border-color: var(--color-salmon-dark) !important;
}
.border-violet-dark {
  border-color: var(--color-violet-dark) !important;
}

.btn-blue-bright {
  --bs-btn-color: white;
  --bs-btn-bg: var(--color-blue-bright);
  --bs-btn-border-color: var(--color-blue-bright);
  --bs-btn-hover-color: white;
  --bs-btn-hover-bg: var(--color-blue-brighter);
  --bs-btn-hover-border-color: var(--color-blue-brighter);
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: white;
  --bs-btn-active-bg: var(--color-blue-brighter);
  --bs-btn-active-border-color: var(--color-blue-brighter);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: white;
  --bs-btn-disabled-bg: var(--color-blue-brighter);
  --bs-btn-disabled-border-color: var(--color-blue-brighter);
}
.btn-blue-dark {
  --bs-btn-color: white;
  --bs-btn-bg: var(--color-blue-dark);
  --bs-btn-border-color: var(--color-blue-dark);
  --bs-btn-hover-color: white;
  --bs-btn-hover-bg: var(--color-blue-darker);
  --bs-btn-hover-border-color: var(--color-blue-darker);
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: white;
  --bs-btn-active-bg: var(--color-blue-darker);
  --bs-btn-active-border-color: var(--color-blue-darker);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: white;
  --bs-btn-disabled-bg: var(--bs-secondary);
  --bs-btn-disabled-border-color: var(--bs-secondary);
}
.btn-green-bright {
  --bs-btn-color: white;
  --bs-btn-bg: var(--color-green-bright);
  --bs-btn-border-color: var(--color-green-bright);
  --bs-btn-hover-color: white;
  --bs-btn-hover-bg: var(--color-green-brighter);
  --bs-btn-hover-border-color: var(--color-green-brighter);
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: white;
  --bs-btn-active-bg: var(--color-green-brighter);
  --bs-btn-active-border-color: var(--color-green-brighter);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: white;
  --bs-btn-disabled-bg: var(--color-green-brighter);
  --bs-btn-disabled-border-color: var(--color-green-brighter);
}
.btn-peach-bright {
  --bs-btn-color: white;
  --bs-btn-bg: var(--color-peach-bright);
  --bs-btn-border-color: var(--color-peach-bright);
  --bs-btn-hover-color: white;
  --bs-btn-hover-bg: var(--color-peach-brighter);
  --bs-btn-hover-border-color: var(--color-peach-brighter);
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: white;
  --bs-btn-active-bg: var(--color-peach-brighter);
  --bs-btn-active-border-color: var(--color-peach-brighter);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: white;
  --bs-btn-disabled-bg: var(--color-peach-brighter);
  --bs-btn-disabled-border-color: var(--color-peach-brighter);
}
.btn-violet-bright {
  --bs-btn-color: white;
  --bs-btn-bg: var(--color-violet-bright);
  --bs-btn-border-color: var(--color-violet-bright);
  --bs-btn-hover-color: white;
  --bs-btn-hover-bg: var(--color-violet-brighter);
  --bs-btn-hover-border-color: var(--color-violet-brighter);
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: white;
  --bs-btn-active-bg: var(--color-violet-brighter);
  --bs-btn-active-border-color: var(--color-violet-brighter);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: white;
  --bs-btn-disabled-bg: var(--color-violet-brighter);
  --bs-btn-disabled-border-color: var(--color-violet-brighter);
}
.btn-violet-dark {
  --bs-btn-color: white;
  --bs-btn-bg: var(--color-violet-dark);
  --bs-btn-border-color: var(--color-violet);
  --bs-btn-hover-color: white;
  --bs-btn-hover-bg: var(--color-violet-darker);
  --bs-btn-hover-border-color: var(--color-violet-darker);
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: white;
  --bs-btn-active-bg: var(--color-violet-darker);
  --bs-btn-active-border-color: var(--color-violet-darker);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: white;
  --bs-btn-disabled-bg: var(--bs-secondary);
  --bs-btn-disabled-border-color: var(--bs-secondary);
}
.btn-outline-green-bright {
  --bs-btn-color: var(--color-green-bright);
  --bs-btn-border-color: var(--color-green-bright);
  --bs-btn-hover-color: white;
  --bs-btn-hover-bg: var(--color-green-bright);
  --bs-btn-hover-border-color: var(--color-green-bright);
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: white;
  --bs-btn-active-bg: var(--color-green-bright);
  --bs-btn-active-border-color: var(--color-green-bright);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--color-green-bright);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--color-green-bright);
  --bs-gradient: none;
}

.nav-link-green-bright {
  --bs-nav-link-color: var(--color-green-bright);
  --bs-nav-link-hover-color: var(--color-green-brighter);
  --bs-navbar-active-color: var(--color-green-brighter);
}

.table-striped-blue {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--color-blue);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: var(--color-blue);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}

.text-blue-dark {
  color: var(--color-blue-dark);
}
.text-green-bright {
  color: var(--color-green-bright);
}
.text-green-mat {
  color: var(--color-green-mat);
}
.text-peach-bright {
  color: var(--color-peach-bright);
}
.text-salmon-dark {
  color: var(--color-salmon-dark);
}
.text-violet-bright {
  color: var(--color-violet-bright);
}
.text-violet-dark {
  color: var(--color-violet-dark);
}
.text-raspberry {
  color: var(--color-raspberry);
}