/* ============================================================
   ComBack - Tokens de MARCA (fuente unica de verdad)
   Compartido por las 3 apps (panel / userapp / portal) y por las
   plantillas standalone. Cambiar un color de marca = editar SOLO aqui.
   Los tokens semanticos (bg/text/card, temas claro/oscuro) viven en el
   CSS de cada app, no aqui.
   ============================================================ */
:root {
    /* --- Nucleo (unicos valores literales) --- */
    --cb-primary: #6f42c1;          /* morado de marca */
    --cb-primary-dark: #5a36a0;
    --cb-primary-lighter: #EFE7F9;
    --cb-magenta: #FF2D92;          /* acento */
    --cb-magenta-dark: #D81B60;
    --cb-support: #7168FC;          /* azul reservado para soporte */
    --cb-purple-light: #8C5BCC;

    /* --- Aliases (referencian el nucleo) --- */
    --cb-primary-light: var(--cb-magenta);
    --cb-purple: var(--cb-primary);
    --cb-purple-dark: var(--cb-primary-dark);
    --cb-purple-lighter: var(--cb-primary-lighter);
    --cb-orange: var(--cb-primary);         /* alias historico */
    --cb-orange-dark: var(--cb-primary-dark);
    --cb-orange-light: var(--cb-magenta);

    /* --- Gradientes --- */
    --cb-gradient: linear-gradient(135deg, var(--cb-primary) 60%, var(--cb-magenta) 100%);
    --cb-primary-gradient: var(--cb-gradient);
    --cb-primary-gradient-dark: linear-gradient(135deg, var(--cb-primary-dark) 60%, var(--cb-magenta-dark) 100%);
}