/* PropTech SaaS Colombia - Custom Styles & Utility Extensions */
:root {
  --navy-900: #0F172A;
  --navy-800: #1E293B;
  --cblue-600: #1E40AF;
  --cblue-500: #3B82F6;
  --cblue-50: #EFF6FF;
  --mslate-500: #64748B;
  --mslate-100: #F1F5F9;
  --mslate-50: #F8FAFC;
}

/* Base resets & Critical Visibility */
.hidden {
  display: none !important;
}

/* Brand Colors & Utilities */
.bg-navy-900 { background-color: #0F172A !important; }
.bg-navy-800 { background-color: #1E293B !important; }
.text-navy-900 { color: #0F172A !important; }
.border-navy-800 { border-color: #1E293B !important; }

.bg-cblue-600 { background-color: #1E40AF !important; }
.bg-cblue-500 { background-color: #3B82F6 !important; }
.bg-cblue-50 { background-color: #EFF6FF !important; }
.text-cblue-600 { color: #1E40AF !important; }
.text-cblue-500 { color: #3B82F6 !important; }
.border-cblue-200 { border-color: #BFDBFE !important; }
.border-cblue-500 { border-color: #3B82F6 !important; }
.border-cblue-600 { border-color: #1E40AF !important; }

.bg-mslate-50 { background-color: #F8FAFC !important; }
.bg-mslate-100 { background-color: #F1F5F9 !important; }
.text-mslate-500 { color: #64748B !important; }

/* Arbitrary font sizes and widths */
.text-\[10px\] { font-size: 10px !important; line-height: 14px !important; }
.text-\[11px\] { font-size: 11px !important; line-height: 15px !important; }
.max-w-\[200px\] { max-width: 200px !important; }
.backdrop-blur-xs { backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); }
.shadow-2xs { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }

/* Scrollbar styles */
.custom-sidebar-scroll::-webkit-scrollbar {
  width: 4px;
}
.custom-sidebar-scroll::-webkit-scrollbar-track {
  background: transparent;
}
.custom-sidebar-scroll::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.25);
  border-radius: 4px;
}
.custom-sidebar-scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(148, 163, 184, 0.5);
}

.scrollbar-none::-webkit-scrollbar {
  display: none;
}
.scrollbar-none {
  -ms-overflow-style: none;
  scrollbar-width: none;
}