/* :root {
    --color-primary: 0 72% 50%;
    --color-primary-dark: 0 72% 42%;
    --color-primary-darker: 0 72% 35%;
    --color-on-primary: 0 0% 100%;
} */

/* Hover */
/* .btn:hover,
button:hover {
    background-color: hsl(var(--color-primary-dark)) !important;
} */

/* Active (click) */
/* .btn:active,
button:active {
    background-color: hsl(var(--color-primary-darker)) !important;
} */

/* Focus ring */
/* .btn:focus,
button:focus {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(185, 28, 28, 0.3) !important;
} */