:root {
    /* Colores del sistema */
    --color-primario: #4A4B9F;
    --color-secundario: #59BA47;
    --color-texto: #333333;
	--bs-heading-color: var(--color-primario);

    /* Texto */
    --bs-body-color: var(--color-texto);

    /* Backgrounds */
    --bs-body-bg: var(--fz-surface);

    /* Links */
    --bs-link-color: var(--color-primario);
    --bs-link-hover-color: var(--color-primario);

    /* Botones */
    --bs-btn-bg: var(--color-primario);
    --bs-btn-border-color: var(--color-primario);

    /* Derivados */

    /* PRIMARY (ACCIONES PRINCIPALES) */
    --fz-primary: var(--color-primario);
    --fz-primary-dark: color-mix(in srgb, var(--color-primario) 75%, black);
    --fz-primary-light: color-mix(in srgb, var(--color-primario) 80%, white);

    /* SECONDARY (ACCIONES DE SOPORTE) */
    --fz-secondary: var(--color-secundario);
    --fz-secondary-dark: color-mix(in srgb, var(--color-secundario) 75%, black);
    --fz-secondary-light: color-mix(in srgb, var(--color-secundario) 80%, white);

    /* WARNING / RECOMPENSA (FIJO UI, NO TENANT) */
    --fz-warning: #FFC200;
    --fz-warning-dark: #d9a800;

    /* SUCCESS (PUEDES LIGARLO A SECUNDARIO O FIJO) */
    --fz-success: var(--color-secundario);
    --fz-success-dark: color-mix(in srgb, var(--color-secundario) 75%, black);

    /* Borders */
    --bs-border-color: var(--color-secundario);

    /* Cards */
    --bs-card-bg: #ffffff;
    --bs-card-color: var(--color-texto);

    /* Alerts */
    --bs-success: var(--color-primario);
}