/* Compatibility layer for legacy Tailwind blue utilities. */
:root { --ck-sage-50:#f0f8f3; --ck-sage-100:#e2f1e8; --ck-sage-200:#c7e6d4; --ck-sage-300:#a9d3bd; --ck-sage-400:#7fb795; --ck-sage-500:#5d8b72; --ck-sage-600:#3f7962; --ck-sage-700:#326650; --ck-sage-800:#284f40; --ck-sage-900:#183d2d; }
.bg-blue-50{background-color:var(--ck-sage-50)!important}.bg-blue-100{background-color:var(--ck-sage-100)!important}.bg-blue-200{background-color:var(--ck-sage-200)!important}.bg-blue-300{background-color:var(--ck-sage-300)!important}.bg-blue-400{background-color:var(--ck-sage-400)!important}.bg-blue-500{background-color:var(--ck-sage-500)!important}.bg-blue-600{background-color:var(--ck-sage-600)!important}.bg-blue-700{background-color:var(--ck-sage-700)!important}.bg-blue-800{background-color:var(--ck-sage-800)!important}.bg-blue-900{background-color:var(--ck-sage-900)!important}
.text-blue-50{color:var(--ck-sage-50)!important}.text-blue-100{color:var(--ck-sage-100)!important}.text-blue-200{color:var(--ck-sage-200)!important}.text-blue-300{color:var(--ck-sage-300)!important}.text-blue-400{color:var(--ck-sage-400)!important}.text-blue-500{color:var(--ck-sage-500)!important}.text-blue-600{color:var(--ck-sage-600)!important}.text-blue-700{color:var(--ck-sage-700)!important}.text-blue-800{color:var(--ck-sage-800)!important}.text-blue-900{color:var(--ck-sage-900)!important}
.border-blue-100{border-color:var(--ck-sage-100)!important}.border-blue-200{border-color:var(--ck-sage-200)!important}.border-blue-300{border-color:var(--ck-sage-300)!important}.border-blue-400{border-color:var(--ck-sage-400)!important}.border-blue-500{border-color:var(--ck-sage-500)!important}.border-blue-600{border-color:var(--ck-sage-600)!important}.border-blue-700{border-color:var(--ck-sage-700)!important}
.hover\:bg-blue-50:hover{background-color:var(--ck-sage-50)!important}.hover\:bg-blue-100:hover{background-color:var(--ck-sage-100)!important}.hover\:bg-blue-600:hover{background-color:var(--ck-sage-600)!important}.hover\:bg-blue-700:hover{background-color:var(--ck-sage-700)!important}.hover\:text-blue-600:hover{color:var(--ck-sage-600)!important}.hover\:text-blue-700:hover{color:var(--ck-sage-700)!important}.hover\:border-blue-400:hover{border-color:var(--ck-sage-400)!important}.hover\:border-blue-500:hover{border-color:var(--ck-sage-500)!important}.focus\:ring-blue-500:focus{--tw-ring-color:var(--ck-sage-500)!important}.focus\:border-blue-500:focus{border-color:var(--ck-sage-500)!important}

/* Shared banner variants: each area keeps an identifiable, calm palette color. */
.nem-cintillo-header{background:#5d8b72!important;box-shadow:0 10px 24px rgba(63,121,98,.16)!important}
.nem-cintillo-header.nem-cintillo--juegos{background:#9270d3!important;box-shadow:0 10px 24px rgba(146,112,211,.18)!important}
.nem-cintillo-header.nem-cintillo--apps{background:#5b9fbe!important;box-shadow:0 10px 24px rgba(91,159,190,.18)!important}
.nem-cintillo-header.nem-cintillo--aviso{background:#dc8b42!important;box-shadow:0 10px 24px rgba(220,139,66,.18)!important}
.saas-sub-nav{background:#3f7962!important;border-bottom-color:#e7c55c!important}