/* Unomia.io — Global Dark Theme Styles */

.gradient-bg {
  background: linear-gradient(135deg, #060610 0%, #0c1a2e 40%, #003060 100%);
}

.card-dark {
  background: #0f1420;
  border-color: rgba(0, 154, 248, 0.12);
}
.card-dark:hover {
  border-color: rgba(0, 154, 248, 0.35);
  box-shadow: 0 8px 32px rgba(0, 154, 248, 0.08);
}

.card-hover:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 40px rgba(0, 154, 248, 0.15);
}

.input-dark {
  background: #0c1018;
  border-color: rgba(0, 154, 248, 0.2);
  color: #e0eaf5;
}
.input-dark:focus {
  border-color: #009af8;
  box-shadow: 0 0 0 2px rgba(0, 154, 248, 0.25);
}
.input-dark::placeholder {
  color: #4a5568;
}

.btn-primary {
  background: linear-gradient(135deg, #009af8 0%, #0070c0 100%);
  color: #fff;
}
.btn-primary:hover {
  background: linear-gradient(135deg, #00a8ff 0%, #0080d0 100%);
  box-shadow: 0 4px 20px rgba(0, 154, 248, 0.4);
}

.section-dark {
  background: #0a0e14;
}

.glow-blue {
  box-shadow: 0 0 30px rgba(0, 154, 248, 0.15);
}

.fade-in {
  animation: fadeIn 0.5s ease-out;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}

.pulse-dot {
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0%, 100% { opacity: 1; }
  50%      { opacity: 0.5; }
}

/* Dark scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0a0e14; }
::-webkit-scrollbar-thumb { background: #1e293b; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #2d3a4e; }

/* Dark form controls */
input, select, textarea {
  background-color: #0c1018 !important;
  color: #e0eaf5 !important;
  border-color: rgba(0, 154, 248, 0.15);
}
input:focus, select:focus, textarea:focus {
  border-color: #009af8 !important;
  box-shadow: 0 0 0 2px rgba(0, 154, 248, 0.2);
  outline: none;
}
input::placeholder, textarea::placeholder {
  color: #4a5e78 !important;
}
select option {
  background-color: #0c1018;
  color: #e0eaf5;
}

/* Checkbox styling */
input[type="checkbox"] {
  background-color: transparent !important;
  accent-color: #009af8;
}

/* File drop zone dark */
.border-dashed {
  border-color: rgba(0, 154, 248, 0.25) !important;
}
.border-dashed:hover {
  border-color: #009af8 !important;
  background-color: rgba(0, 154, 248, 0.05) !important;
}