:root {
    /* ====================================================
       COLORES CORPORATIVOS
       ==================================================== */
    --color-principal-admin        : rgb(212, 175, 55);
    --color-vivo-admin             : rgb(242, 201, 76);
    --color-luminoso-admin         : rgb(255, 217, 102);
    --color-dorado-admin           : rgb(184, 134, 11);
    --color-principal-rgb-admin     : 212 175 55;
    --color-vivo-rgb-admin          : 242 201 76;
    --color-error-admin             : rgb(190, 55, 55);
    --color-error-texto-admin       : rgb(245, 160, 160);
    --color-exito-admin             : rgb(76, 175, 80);
    --color-exito-texto-admin       : rgb(129, 199, 132);


    /* ====================================================
       COLORES BASE
       ==================================================== */
    --fondo-principal-admin        : rgb(17, 19, 21);
    --fondo-panel-admin            : rgb(32, 35, 38);
    --texto-principal-admin        : rgb(255, 255, 255);
    --texto-secundario-admin       : rgb(167, 171, 176);
    --borde-admin                  : rgb(54, 58, 63);

    /* ====================================================
       TIPOGRAFÍA
       ==================================================== */
    --fuente-principal-admin       : "Segoe UI", Arial, Helvetica, sans-serif;

    /* ====================================================
       BORDES
       ==================================================== */
    --borde-fino-admin             : 1px solid var(--borde-admin);
    --borde-medio-admin            : 2px solid var(--borde-admin);
    --borde-grande-admin           : 4px solid var(--borde-admin);

    /* ====================================================
       RADIOS
       ==================================================== */
    --radio-pequeno-admin          : 6px;
    --radio-medio-admin            : 10px;
    --radio-grande-admin           : 16px;

    /* ====================================================
       SOMBRAS
       ==================================================== */
    --sombra-suave-admin           : 0 8px 25px rgba(0, 0, 0, 0.25);
    --sombra-panel-admin           : 0 20px 50px rgba(0, 0, 0, 0.40);

    /* ====================================================
       TRANSICIONES
       ==================================================== */
    --transicion-rapida-admin      : 0.2s ease;
    --transicion-normal-admin      : 0.3s ease;
}

/* ====================================================
   ESCALA VISUAL UNIFICADA DEL EDITOR
   ==================================================== */
:root {
    --admin-ancho-contenido: 1200px;
    --admin-espacio-pagina: 35px;
    --admin-altura-control: 42px;
    --admin-radio-control: 6px;
    --admin-radio-panel: 10px;
    --admin-gap-formulario: 22px;
    --admin-fondo-hover: rgba(255, 255, 255, 0.025);
    --admin-dorado-hover: rgba(242, 201, 76, 0.08);
    --admin-error-fondo: rgba(190, 55, 55, 0.08);
    --admin-error-borde: rgba(190, 55, 55, 0.30);
    --admin-exito-fondo: rgba(76, 175, 80, 0.08);
    --admin-exito-borde: rgba(76, 175, 80, 0.25);
}