:root {
    --color-primary:       #e30613;
    --color-primary-hover: #b8050f;
    --color-secondary:     #444444;
    --color-bg:            #ffffff;
    --color-muted:         #f0f4f7;
    --color-text:          #1a1a1a;

    /* Bootstrap overrides via CSS vars */
    --bs-primary:          #e30613;
    --bs-primary-rgb:      227, 6, 19;
    --bs-secondary:        #444444;
    --bs-secondary-rgb:    68, 68, 68;
}

/* Global button shape & shadow */
.btn {
    border-radius: 2rem;
    box-shadow: 0 2px 8px rgba(227, 6, 19, 0.35);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.btn:hover {
    box-shadow: 0 4px 14px rgba(227, 6, 19, 0.5);
    transform: translateY(-1px);
}
.btn-light,
.btn-outline-light,
.btn-outline-dark {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
.btn-light:hover,
.btn-outline-light:hover,
.btn-outline-dark:hover {
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
}
.btn-whatsapp {
    --bs-btn-bg: #25d366;
    --bs-btn-border-color: #25d366;
    --bs-btn-hover-bg: #1da851;
    --bs-btn-hover-border-color: #1da851;
    --bs-btn-active-bg: #1da851;
    --bs-btn-active-border-color: #1da851;
    --bs-btn-focus-shadow-rgb: 37, 211, 102;
    color: #fff;
    box-shadow: 0 2px 8px rgba(37, 211, 102, 0.35);
}
.btn-whatsapp:hover {
    color: #fff;
    box-shadow: 0 4px 14px rgba(37, 211, 102, 0.5);
}

/* Bootstrap component overrides */
.btn-primary {
    --bs-btn-bg:           #e30613;
    --bs-btn-border-color: #e30613;
    --bs-btn-hover-bg:           #b8050f;
    --bs-btn-hover-border-color: #b8050f;
    --bs-btn-active-bg:          #b8050f;
    --bs-btn-active-border-color:#b8050f;
    --bs-btn-focus-shadow-rgb:   227, 6, 19;
    --bs-btn-disabled-bg:        #e30613;
    --bs-btn-disabled-border-color: #e30613;
    color: #fff;
}
.btn:focus-visible {
    outline: none;
    box-shadow: 0 0 0 0.25rem rgba(227, 6, 19, 0.35);
}
.text-primary { color: var(--color-primary) !important; }
.bg-primary    { background-color: var(--color-primary) !important; }
.border-primary { border-color: var(--color-primary) !important; }
.bg-secondary-dark { background-color: var(--color-secondary) !important; }