/* Variáveis de cor da marca Roy's */
:root {
    --roys-dark-gray: #b7249a;
    --roys-light-gray: #655d5d;
    --roys-green: #2d511e;
    --roys-primary: #fa0707;
    --roys-secundary: #1100ff;
    --roys-secundary-hover: #2578f4;
    --roys-hover: #8f0000;
    --roys-color: #ebebeb;
    --roys-color-hover: #f3f3f3;
}

/* Classes de cor personalizadas */
.text-roys-red { color: var(--roys-primary) !important; }
.text-roys-yellow { color: var(--roys-secundary) !important; }
.text-roys-dark-gray { color: var(--roys-dark-gray) !important; }
.text-roys-light-gray { color: var(--roys-light-gray) !important; }
.text-roys-green { color: var(--roys-green) !important; }

.btn-roys-red {
    background-color: var(--roys-primary);
    border-color: var(--roys-primary);
    color: white;
}

.btn-roys-red:hover {
    background-color: var(--roys-hover);
    border-color: var(--roys-hover);
    color: var(--roys-color-hover);
}

.btn-outline-roys-red {
    border-color: var(--roys-primary);
    color: var(--roys-primary);
}

.btn-outline-roys-red:hover {
    background-color: var(--roys-hover);
    border-color: var(--roys-hover);
    color: var(--roys-color-hover);
}

.btn-roys-yellow {
    background-color: var(--roys-secundary);
    border-color: var(--roys-secundary);
    color: var(--roys-dark-gray);
}

.btn-roys-yellow:hover {
    background-color: var(--roys-secundary-hover);
    border-color: var(--roys-secundary-hover);
    color: var(--roys-color-hover);
}