html,
body {
  background: #070607 !important;
}

:root,
.dark {
  --primary: #c8a74e !important;
  --primary-foreground: #090806 !important;
  --ring: #d8b85c !important;
  --sidebar-primary: #c8a74e !important;
  --sidebar-primary-foreground: #090806 !important;
  --sidebar-ring: #d8b85c !important;
  --chart-2: #c8a74e !important;
  --chart-4: #f0d37a !important;
}

#root > div {
  min-height: 100vh;
  background:
    radial-gradient(circle at 20% 8%, rgba(200, 167, 78, 0.26), transparent 28%),
    radial-gradient(circle at 82% 88%, rgba(255, 255, 255, 0.08), transparent 26%),
    linear-gradient(135deg, #060606 0%, #15120a 42%, #070607 100%) !important;
}

#root img[src*="EVO_CRM"] {
  content: url("/sigoom-crm-logo.png?v=20260609h");
  width: auto !important;
  height: auto !important;
  max-width: 190px !important;
  max-height: 54px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 18px 36px rgba(200, 167, 78, 0.3));
}

#root [class*="bg-background"],
#root [class*="bg-card"] {
  background-color: rgba(12, 10, 11, 0.88) !important;
}

#root [class*="border"] {
  border-color: rgba(200, 167, 78, 0.34) !important;
}

#root [class*="text-primary"],
#root svg.text-primary {
  color: #c8a74e !important;
}

#root [class*="text-emerald"],
#root [class*="text-teal"],
#root [class*="text-green"] {
  color: #d8b85c !important;
}

#root [class*="bg-emerald"],
#root [class*="bg-teal"],
#root [class*="bg-green"] {
  background-color: rgba(200, 167, 78, 0.2) !important;
}

#root [class*="border-emerald"],
#root [class*="border-teal"],
#root [class*="border-green"] {
  border-color: rgba(216, 184, 92, 0.68) !important;
}

#root [class*="from-emerald"],
#root [class*="from-teal"],
#root [class*="from-green"],
#root [class*="to-emerald"],
#root [class*="to-teal"],
#root [class*="to-green"] {
  background-image: linear-gradient(135deg, #f0d37a, #c8a74e 52%, #73551a) !important;
}

#root [class*="bg-[#00ffa7]"],
#root [class*="bg-[#00d4aa]"],
#root [class*="bg-[#10b981]"],
#root [data-state="checked"] {
  background-color: #c8a74e !important;
  border-color: #f0d37a !important;
}

#root [style*="rgb(0, 255, 167)"],
#root [style*="#00ffa7"],
#root [style*="#00d4aa"],
#root [style*="#10b981"] {
  color: #c8a74e !important;
  border-color: #c8a74e !important;
}

#root button[type="submit"],
#root button[class*="bg-primary"] {
  background: linear-gradient(135deg, #f0d37a, #c8a74e 48%, #73551a) !important;
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  box-shadow: 0 18px 38px rgba(200, 167, 78, 0.28) !important;
}

#root input {
  background-color: rgba(0, 0, 0, 0.44) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #fff !important;
}

#root input:focus {
  border-color: #c8a74e !important;
  box-shadow: 0 0 0 3px rgba(200, 167, 78, 0.16) !important;
}