/**
 * Paleta ubody365 — única fuente de verdad para colores del sitio.
 * Carta Admin-ubody. Cambiar marca: editar solo primitivos o semánticos.
 */

:root {
    /* --- Capa A: primitivos (valores hex del manual de marca) --- */
    --purple-700: #331840;
    --purple-500: #662482;
    --purple-400: #8A39B7;
    --purple-300: #9b87b1;

    --gray-surface: #DADADA;
    --gray-500: #9B9A9A;
    --gray-400: #9A9999;
    --gray-medium: #575756;
    --gray-300: #BCBCBC;
    --gray-200: #E3E3E3;
    --gray-100: #EAECEC;
    --grey-dark-200: #3C3C3B;

    --green-500: #2DAB66;
    --green-700: #003C37;

    --blue-700: #133B64;
    --blue-500: #0077B5;

    --orange-500: #E94E1B;
    --orange-600: #E94F1B;
    --orange-700: #511B00;

    --yellow-500: #FFB748;
    --yellow-700: #CE7E00;

    --white: #ffffff;
    --black: #000000;
    --dark-text: #1D1D1B;
    --ink-deep: #00151D;

    --overlay-black-40: rgba(0, 0, 0, 0.4);

    /* --- Capa B: semánticos (usar en style.css) --- */
    /* Marca invertida: verde predominante, morado como acento */
    --color-primary: var(--green-500);
    --color-primary-dark: var(--green-700);
    --color-primary-light: var(--green-500);

    --color-accent: var(--orange-500);
    --color-accent-dark: var(--orange-700);

    --color-success: var(--purple-500);
    --color-success-dark: var(--purple-700);

    --color-info: var(--blue-500);

    --color-text: var(--color-primary);
    --color-text-default: var(--color-primary);
    --color-text-body: var(--color-primary);
    --color-interactive-hover: var(--green-500);
    --color-text-muted: var(--gray-500);
    --color-text-secondary: var(--gray-medium);

    --color-surface: var(--white);
    --color-surface-muted: var(--gray-surface);
    --color-surface-subtle: #F8F8F8;
    --color-border: var(--gray-200);
    --color-border-strong: var(--gray-300);

    --color-plan-basic: var(--blue-500);
    --color-plan-basic-dark: var(--blue-700);
    --color-plan-advanced: var(--color-primary);
    --color-plan-advanced-dark: var(--color-primary-dark);
    --color-plan-superior: var(--color-accent);
    --color-plan-superior-dark: var(--color-accent-dark);

    /* --- Capa C: alias legacy (compatibilidad con style.css actual) --- */
    --orange: var(--color-primary);
    --orange-light: var(--color-primary-light);
    --gray: var(--gray-100);
    --gray-light: var(--gray-200);
    --gray-dark: var(--gray-300);
}