/* ============================================================
 * RRHH v2 · Design Tokens
 * Fuente: mockup/rrhh/handoff/STYLE_GUIDE.md
 * Estos tokens se exponen globalmente para ser reutilizables,
 * pero solo se aplican a componentes bajo `.rrhh-v2`.
 * No se tocan estilos ni variables existentes.
 * ============================================================ */
:root {
    /* Marca */
    --rrhh-brand-teal-600: #00BAA3;
    --rrhh-brand-teal-700: #009A86;
    --rrhh-brand-teal-100: #CCF4EE;
    --rrhh-brand-teal-50:  #E6F9F6;

    /* Acento */
    --rrhh-accent-500: #FF7200;
    --rrhh-accent-100: #FFE0C2;
    --rrhh-accent-50:  #FFF2E5;

    /* Estados */
    --rrhh-danger-500:  #FF404B;
    --rrhh-danger-600:  #E6323D;
    --rrhh-danger-50:   #FFE8EA;
    --rrhh-warning-500: #FF8A00;
    --rrhh-warning-600: #CC6E00;
    --rrhh-warning-50:  #FFF2E0;
    --rrhh-info-500:    #63AAE1;
    --rrhh-info-50:     #EAF4FB;

    /* Neutros */
    --rrhh-ink-900: #212121;
    --rrhh-ink-700: #3F3F3F;
    --rrhh-ink-500: #6B6C70;
    --rrhh-ink-400: #9B9C9F;
    --rrhh-ink-300: #C9CACD;
    --rrhh-ink-200: #DEDFE0;
    --rrhh-ink-100: #EAEBEC;
    --rrhh-ink-50:  #F2F2F2;
    --rrhh-ink-25:  #F8F8F8;
    --rrhh-surface: #FFFFFF;

    /* Radios */
    --rrhh-radius-sm: 4px;
    --rrhh-radius-md: 10px;
    --rrhh-radius-lg: 14px;
    --rrhh-radius-pill: 999px;

    /* Sombras */
    --rrhh-shadow-xs: 0 1px 2px rgba(33, 33, 33, .04);
    --rrhh-shadow-sm: 0 2px 4px rgba(33, 33, 33, .06), 0 1px 2px rgba(33, 33, 33, .04);
    --rrhh-shadow-md: 0 4px 12px rgba(33, 33, 33, .08);

    /* Colores por rubro de calificación (se mantienen como referencia) */
    --rrhh-cat-asistencia:    #00BAA3;
    --rrhh-cat-comportamiento:#FF7200;
    --rrhh-cat-atencion:      #63AAE1;
    --rrhh-cat-objetivos:     #8B5CF6;
    --rrhh-cat-capacitaciones:#FF8A00;
}