/* RailSider brand theme - primary #631656 */
:root {
    --rs-primary: #631656;
    --rs-primary-hover: #4f1145;
    --rs-primary-light: #8b3d7c;
    --rs-primary-lighter: rgba(99, 22, 86, 0.12);
    --rs-primary-subtle: #f5eaf3;
    --rs-primary-gradient: linear-gradient(135deg, #631656, #8b3d7c);

    /* Colores semánticos de estado (adopción gradual; sustituir hardcodes módulo a módulo).
       Coinciden con los ya usados en grids/badges del proyecto. */
    --rs-success: #10b981;
    --rs-success-subtle: #dcfce7;
    --rs-warning: #f59e0b;
    --rs-warning-subtle: #fef3c7;
    --rs-danger: #ef4444;
    --rs-danger-subtle: #fee2e2;
    --rs-info: #3b82f6;
    --rs-info-subtle: #dbeafe;
    --rs-neutral: #6b7280;
    --rs-neutral-subtle: #f3f4f6;

    /* Radzen Material overrides */
    --rz-primary: #631656;
    --rz-primary-light: #8b3d7c;
    --rz-primary-lighter: rgba(99, 22, 86, 0.12);
    --rz-primary-dark: #521248;
    --rz-primary-darker: #4f1145;
    --rz-header-background-color: #631656;
}

a, .btn-link {
    color: var(--rs-primary);
}

.btn-primary {
    color: #fff;
    background-color: var(--rs-primary);
    border-color: var(--rs-primary-hover);
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--rs-primary-hover);
    border-color: var(--rs-primary-hover);
}