/* ==========================================================================
   Zano IT Technologies — Brand Color Theme Override
   Centralizes the brand accent color (#007bff) so every page renders it
   consistently, including pages that reference the "cybreon-red" utility
   classes without a local definition, and legacy tailwind red-* utilities
   used before the tailwind.css build was refreshed.
   Loaded AFTER assets/tailwind.css on every page.
   ========================================================================== */

/* --- Brand alias classes (fallback definitions) ------------------------- */
.text-cybreon-red { color: #007bff; }
.bg-cybreon-red { background-color: #007bff; }
.border-cybreon-red { border-color: #007bff; }
.from-cybreon-red { --tw-gradient-from: #007bff var(--tw-gradient-from-position); --tw-gradient-to: rgba(0,123,255,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-cybreon-red { --tw-gradient-to: #007bff var(--tw-gradient-to-position); }
.hover\:text-cybreon-red:hover { color: #007bff; }
.hover\:bg-cybreon-red:hover { background-color: #007bff; }
.hover\:border-cybreon-red:hover { border-color: #007bff; }
.group:hover .group-hover\:text-cybreon-red { color: #007bff; }
::selection { background: #007bff; color: #fff; }
.text-cybreon-red\/50 { color: rgba(0,123,255,.5); }

/* --- Legacy Tailwind red-* utilities → brand blue ------------------------ */
.bg-red-50 { background-color: #eaf4ff !important; }
.bg-red-500 { background-color: #007bff !important; }
.bg-red-600 { background-color: #0069d9 !important; }
.border-red-100 { border-color: #cfe6ff !important; }
.border-red-500 { border-color: #007bff !important; }
.text-red-500 { color: #007bff !important; }
.text-red-600 { color: #0069d9 !important; }
.from-red-500 { --tw-gradient-from: #007bff var(--tw-gradient-from-position) !important; --tw-gradient-to: rgba(0,123,255,0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-red-600 { --tw-gradient-from: #0069d9 var(--tw-gradient-from-position) !important; --tw-gradient-to: rgba(0,105,217,0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-red-500 { --tw-gradient-to: #007bff var(--tw-gradient-to-position) !important; }
.to-red-600 { --tw-gradient-to: #0069d9 var(--tw-gradient-to-position) !important; }
.shadow-red-500 { --tw-shadow-color: #007bff !important; --tw-shadow: var(--tw-shadow-colored) !important; }
.hover\:bg-red-600:hover { background-color: #0069d9 !important; }
.hover\:border-red-100:hover { border-color: #cfe6ff !important; }
.hover\:text-red-500:hover { color: #007bff !important; }
.focus\:ring-red-500:focus { --tw-ring-color: #007bff !important; }
.bg-red-600\/10 { background-color: rgba(0,123,255,.1) !important; }

/* --- 404 page brand alias classes (fallback definitions) ---------------- */
.text-zano-red { color: #007bff; }
.bg-zano-red { background-color: #007bff; }
.border-zano-red { border-color: #007bff; }
.hover\:text-zano-red:hover { color: #007bff; }
.hover\:bg-zano-red:hover { background-color: #007bff; }
.hover\:border-zano-red:hover { border-color: #007bff; }
.focus\:border-zano-red:focus { border-color: #007bff; }
.focus\:ring-red-500\/20:focus { --tw-ring-color: rgba(0,123,255,.2) !important; }

/* --- Opacity-modified red-* utilities -> brand blue -------------------- */
.bg-red-500\/10 { background-color: rgba(0,123,255,0.1) !important; }
.bg-red-500\/5 { background-color: rgba(0,123,255,0.05) !important; }
.bg-red-600\/10 { background-color: rgba(0,105,217,0.1) !important; }
.bg-red-600\/5 { background-color: rgba(0,105,217,0.05) !important; }
.border-red-500\/10 { border-color: rgba(0,123,255,0.1) !important; }
.border-red-500\/20 { border-color: rgba(0,123,255,0.2) !important; }
.focus\:ring-red-500\/20:focus { --tw-ring-color: rgba(0,123,255,0.2) !important; }
.from-red-500\/10 { --tw-gradient-from: rgba(0,123,255,0.1) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgba(0,123,255,0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-red-600\/20 { --tw-gradient-from: rgba(0,105,217,0.2) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgba(0,105,217,0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.shadow-red-500\/20 { --tw-shadow-color: rgba(0,123,255,0.2) !important; --tw-shadow: var(--tw-shadow-colored) !important; }
.to-red-500\/20 { --tw-gradient-to: rgba(0,123,255,0.2) var(--tw-gradient-to-position) !important; }