:root,
[data-bs-theme="light"] {
    --tops-primary: #f97e90;
    --tops-primary-rgb: 249, 126, 144;
    --tops-primary-hover: #ed667d;
    --tops-primary-ink: #212529;
    --tops-link: #9d3b50;
    --tops-link-hover: #7d2d3e;
    --tops-secondary: #fbc8ea;
    --tops-secondary-rgb: 251, 200, 234;
    --tops-secondary-hover: #f4afd8;
    --tops-danger: #f72626;
    --tops-warning: #ffff00;
    --tops-whatsapp: #25d366;
    --tops-telegram: #0088cc;
    --tops-overlay: rgba(67, 67, 67, 0.54);
    --tops-overlay-dark: rgba(0, 1, 0, 0.57);
    --tops-primary-muted: rgba(249, 126, 144, 0.68);
    --tops-secondary-muted: rgba(251, 200, 234, 0.64);
    --tops-tier-gold: #d7ad45;
    --tops-tier-silver: #aeb5bf;
    --tops-radius: 0.5rem;

    --bs-primary: var(--tops-primary);
    --bs-primary-rgb: var(--tops-primary-rgb);
    --bs-secondary: var(--tops-secondary);
    --bs-secondary-rgb: var(--tops-secondary-rgb);
    --bs-link-color: var(--tops-link);
    --bs-link-hover-color: var(--tops-link-hover);
    --bs-body-font-family: Arial, Helvetica, sans-serif;
    --bs-border-radius: var(--tops-radius);
    --bs-border-radius-sm: var(--tops-radius);
    --bs-border-radius-lg: var(--tops-radius);
    --bs-border-radius-xl: var(--tops-radius);
    --bs-border-radius-xxl: var(--tops-radius);
}

.btn-primary {
    --bs-btn-color: var(--tops-primary-ink);
    --bs-btn-bg: var(--tops-primary);
    --bs-btn-border-color: var(--tops-primary);
    --bs-btn-hover-color: var(--tops-primary-ink);
    --bs-btn-hover-bg: var(--tops-primary-hover);
    --bs-btn-hover-border-color: var(--tops-primary-hover);
    --bs-btn-active-color: var(--tops-primary-ink);
    --bs-btn-active-bg: var(--tops-primary-hover);
    --bs-btn-active-border-color: var(--tops-primary-hover);
    --bs-btn-disabled-color: var(--tops-primary-ink);
    --bs-btn-disabled-bg: var(--tops-primary);
    --bs-btn-disabled-border-color: var(--tops-primary);
    --bs-btn-focus-shadow-rgb: var(--tops-primary-rgb);
}

.btn-secondary {
    --bs-btn-color: var(--tops-primary-ink);
    --bs-btn-bg: var(--tops-secondary);
    --bs-btn-border-color: var(--tops-secondary);
    --bs-btn-hover-color: var(--tops-primary-ink);
    --bs-btn-hover-bg: var(--tops-secondary-hover);
    --bs-btn-hover-border-color: var(--tops-secondary-hover);
    --bs-btn-active-color: var(--tops-primary-ink);
    --bs-btn-active-bg: var(--tops-secondary-hover);
    --bs-btn-active-border-color: var(--tops-secondary-hover);
    --bs-btn-disabled-color: var(--tops-primary-ink);
    --bs-btn-disabled-bg: var(--tops-secondary);
    --bs-btn-disabled-border-color: var(--tops-secondary);
}

.btn-outline-primary {
    --bs-btn-color: var(--tops-link);
    --bs-btn-border-color: var(--tops-primary);
    --bs-btn-hover-color: var(--tops-primary-ink);
    --bs-btn-hover-bg: var(--tops-primary);
    --bs-btn-hover-border-color: var(--tops-primary);
    --bs-btn-active-color: var(--tops-primary-ink);
    --bs-btn-active-bg: var(--tops-primary);
    --bs-btn-active-border-color: var(--tops-primary);
}

.btn-whatsapp {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--tops-whatsapp);
    --bs-btn-border-color: var(--tops-whatsapp);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1faa53;
    --bs-btn-hover-border-color: #1faa53;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1b984a;
    --bs-btn-active-border-color: #1b984a;
}

.btn-telegram {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--tops-telegram);
    --bs-btn-border-color: var(--tops-telegram);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #006fa8;
    --bs-btn-hover-border-color: #006fa8;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #005f91;
    --bs-btn-active-border-color: #005f91;
}

.link-primary,
.text-primary {
    color: var(--tops-link) !important;
}