:root {
    /* Marca principal */
    --color-primary: rgb(2 97 205);
    --color-primary-hover: rgb(42, 107, 182);
    --color-primary-light: #F7E9EC;

    /* Colores de estado */
    --color-success: #198754;
    --color-warning: #F0AD4E;
    --color-danger: #DC3545;
    --color-info: #0D6EFD;

    /* Fondos y superficies */
    --color-background: #F5F6FA;
    --color-surface: #FFFFFF;
    --color-sidebar: #252A34;
    --color-header: #FFFFFF;

    /* Textos */
    --color-text: rgb(0 0 0);
    --color-text-secondary: rgb(152 152 152);
    --color-text-inverse: #FFFFFF;

    /* Bordes */
    --color-border: #DEE2E6;

    /* Elementos interactivos */
    --color-link: var(--color-primary);
    --color-focus: #B94A5B;
}