:root, [data-bs-theme=light] {
  --bs-primary: rgb(85,31,211);
  --bs-primary-rgb: 85,31,211;
  --bs-primary-text-emphasis: #220C54;
  --bs-primary-bg-subtle: #DDD2F6;
  --bs-primary-border-subtle: #BBA5ED;
  --bs-secondary: #212121;
  --bs-secondary-rgb: 33,33,33;
  --bs-secondary-text-emphasis: #0D0D0D;
  --bs-secondary-bg-subtle: #D3D3D3;
  --bs-secondary-border-subtle: #A6A6A6;
  --bs-body-color: #242424;
  --bs-body-color-rgb: 36,36,36;
  --bs-secondary-color: rgba(36,36,36,0.75);
  --bs-secondary-color-rgb: 36,36,36,0.75;
  --bs-tertiary-color: rgba(36,36,36,0.5);
  --bs-tertiary-color-rgb: 36,36,36,0.5;
  --bs-body-font-family: Inter, sans-serif;
  --bs-link-color: #7b27d8;
  --bs-link-color-rgb: 123,39,216;
  --bs-link-hover-color: rgba(28,47,65,0.9);
  --bs-link-hover-color-rgb: 28,47,65,0.9;
  --bs-border-style: none;
  --bs-border-radius: 0.375rem;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: rgb(85,31,211);
  --bs-btn-border-color: rgb(85,31,211);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #481AB3;
  --bs-btn-hover-border-color: #4419A9;
  --bs-btn-focus-shadow-rgb: 230,221,248;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4419A9;
  --bs-btn-active-border-color: #40179E;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: rgb(85,31,211);
  --bs-btn-disabled-border-color: rgb(85,31,211);
}

.btn-outline-primary {
  --bs-btn-color: rgb(85,31,211);
  --bs-btn-border-color: rgb(85,31,211);
  --bs-btn-focus-shadow-rgb: 85,31,211;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(85,31,211);
  --bs-btn-hover-border-color: rgb(85,31,211);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(85,31,211);
  --bs-btn-active-border-color: rgb(85,31,211);
  --bs-btn-disabled-color: rgb(85,31,211);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: rgb(85,31,211);
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212121;
  --bs-btn-border-color: #212121;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1C1C1C;
  --bs-btn-hover-border-color: #1A1A1A;
  --bs-btn-focus-shadow-rgb: 222,222,222;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1A1A1A;
  --bs-btn-active-border-color: #191919;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212121;
  --bs-btn-disabled-border-color: #212121;
}

.btn-outline-secondary {
  --bs-btn-color: #212121;
  --bs-btn-border-color: #212121;
  --bs-btn-focus-shadow-rgb: 33,33,33;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212121;
  --bs-btn-hover-border-color: #212121;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212121;
  --bs-btn-active-border-color: #212121;
  --bs-btn-disabled-color: #212121;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212121;
}

[data-bs-theme=dark] {
  --bs-secondary: rgba(4,6,8,0.85);
  --bs-secondary-rgb: 4,6,8,0.85;
  --bs-secondary-text-emphasis: #7B7C7D;
  --bs-secondary-bg-subtle: #010101;
  --bs-secondary-border-subtle: #020304;
  --bs-body-bg: #2d4156;
  --bs-body-bg-rgb: 45,65,86;
}

[data-bs-theme=dark] .btn-secondary, .btn-secondary[data-bs-theme=dark] {
  --bs-btn-color: #fff;
  --bs-btn-bg: rgba(4,6,8,0.85);
  --bs-btn-border-color: rgba(4,6,8,0.85);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #030506;
  --bs-btn-hover-border-color: #030406;
  --bs-btn-focus-shadow-rgb: 226,226,227;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #030406;
  --bs-btn-active-border-color: #030406;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: rgba(4,6,8,0.85);
  --bs-btn-disabled-border-color: rgba(4,6,8,0.85);
}

[data-bs-theme=dark] .btn-outline-secondary, .btn-outline-secondary[data-bs-theme=dark] {
  --bs-btn-color: rgba(4,6,8,0.85);
  --bs-btn-border-color: rgba(4,6,8,0.85);
  --bs-btn-focus-shadow-rgb: 4,6,8,0.85;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgba(4,6,8,0.85);
  --bs-btn-hover-border-color: rgba(4,6,8,0.85);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgba(4,6,8,0.85);
  --bs-btn-active-border-color: rgba(4,6,8,0.85);
  --bs-btn-disabled-color: rgba(4,6,8,0.85);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: rgba(4,6,8,0.85);
}

@view-transition {
  navigation: auto;
}

[data-bss-view-transition-name=store-boton-2] {
  view-transition-name: store-boton-2;
}

[data-bss-view-transition-name=request-boton] {
  view-transition-name: request-boton;
}

[data-bss-view-transition-name=store-boton] {
  view-transition-name: store-boton;
}

[data-bss-view-transition-name=blog-1] {
  view-transition-name: blog-1;
}

::view-transition-old(root) {
  animation: 300ms ease-out both bss-page-view-transition-old;
}

@keyframes bss-page-view-transition-old {
from {
  opacity: 1;
}
to {
  opacity: 0;
}
}

::view-transition-new(root) {
  animation: 300ms ease-out both bss-page-view-transition-new;
}

@keyframes bss-page-view-transition-new {
from {
  opacity: 0;
}
to {
  opacity: 1;
}
}