/* Dulac It Complete Dark Mode Stylesheet */
:root {
  --dulac-navy: #041534;
  --dulac-gold: #E8961C;
  --dulac-gold-light: #ffa931;
  color-scheme: dark;
}

*, ::before, ::after {
  box-sizing: border-box;
}

html, body {
  background-color: #030c1d !important;
  color: #e2e8f0 !important;
  font-family: 'Inter', sans-serif;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6, .font-display {
  font-family: 'Montserrat', sans-serif;
  color: #ffffff;
}

p {
  color: #cbd5e1;
}

/* Enforce uniform dark styling across all columns and cards */
.service-card, .package-card, .card {
  background-color: #081730 !important;
  border-color: #1b3459 !important;
  color: #e2e8f0 !important;
}

/* Uniform text color rules inside all card columns */
.service-card h3, .service-card h4, 
.package-card h3, .package-card h4,
.grid h3, .grid h4 {
  color: #ffffff !important;
}

.service-card p, .package-card p {
  color: #94a3b8 !important;
}

.service-card ul, .package-card ul {
  color: #cbd5e1 !important;
}

.service-card li, .package-card li {
  color: #e2e8f0 !important;
}

/* Category filter buttons */
.cat-btn {
  background-color: #081730 !important;
  color: #94a3b8 !important;
  border: 1px solid #1b3459 !important;
}

.cat-btn:hover {
  background-color: #102952 !important;
  color: #ffffff !important;
  border-color: #2b4f85 !important;
}

.cat-btn.active {
  background-color: #E8961C !important;
  color: #041534 !important;
  border-color: #E8961C !important;
  font-weight: 800 !important;
}

/* Inputs, Textareas, Selects */
input, select, textarea {
  background-color: #051124 !important;
  color: #ffffff !important;
  border: 1px solid #1b3459 !important;
}

input:focus, select:focus, textarea:focus {
  border-color: #E8961C !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(232, 150, 28, 0.25) !important;
}

/* Range slider styling */
input[type=range] {
  height: 8px;
  border-radius: 4px;
  background: #152b4d !important;
}

input[type=range]::-webkit-slider-thumb {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #E8961C;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0,0,0,0.6);
}