/* Dark login and dashboard pages (Tailwind layouts) */
body, .bg-gray-100, .bg-gray-50 { background-color: #0a0600 !important; }
.bg-white { background-color: #120c04 !important; }
.text-gray-900, .text-gray-800, .text-gray-700 { color: #f4efe8 !important; }
.text-gray-600, .text-gray-500, .text-gray-400 { color: #b5ab9e !important; }
.border-gray-100, .border-gray-200, .border-gray-300 { border-color: #33291c !important; }
input:not([type=checkbox]):not([type=radio]), select, textarea { background-color: #1b1309 !important; border-color: #33291c !important; color: #f4efe8 !important; }
button[type=submit]:not(.text-red-600), .bg-gray-800 { background-color: #f08109 !important; color: #fff !important; }
a[class*="text-brand"], a[class*="text-indigo"], [class*="text-brand-"] { color: #ffb455 !important; }
input:focus, select:focus, textarea:focus { border-color: #f08109 !important; --tw-ring-color: #f08109 !important; }
p, li, label, td, th, input, select, textarea { font-size: 14px !important; }
nav .border-indigo-400 { border-color: #f08109 !important; }
nav .text-gray-900 { color: #fff !important; }
.hover\:bg-brand-50:hover, .hover\:bg-gray-100:hover, .focus\:bg-gray-100:focus, .hover\:bg-gray-50:hover, .bg-brand-50 { background-color: #2a1c0c !important; }
/* Sign-in pages: the Get Started swirls behind the card */
.auth-page { position: relative; overflow: hidden; }
.auth-page > :not(.auth-swirl) { position: relative; z-index: 1; }
.auth-swirl { position: absolute; width: 520px; max-width: 60vw; opacity: .5; pointer-events: none; z-index: 0; }
.auth-swirl--tl { top: 0; left: 0; }
.auth-swirl--tr { top: 0; right: 0; transform: scaleX(-1); }
.auth-swirl--bl { bottom: 0; left: 0; transform: scaleY(-1); }
.auth-swirl--br { bottom: 0; right: 0; transform: scale(-1, -1); }