@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
    --primary-color: #C10000;
}

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

.btn-primary:hover {
    background-color: #990000;
    border-color: #990000;
}

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

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

.page-link {
    color: var(--primary-color);
}

.active>.page-link {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}