:root {
  --bg-primary: #000000;
  --bg-secondary: #111111;
  --text-primary: #FFFFFF;
  --text-secondary: rgba(255, 255, 255, 0.9);
  --text-muted: rgba(255, 255, 255, 0.7);
  --border-light: rgba(255, 255, 255, 0.1);
  --accent-cyan: #00FFFF;
  --shadow-soft: none;
}

body {
  background: var(--bg-primary);
  color: var(--text-primary);
}

.header {
  background: rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid var(--border-light);
}

.cta-button.primary {
  background: var(--accent-cyan);
  color: #000000;
}

.cta-button.primary:hover {
  background: #00CCCC;
}

.cta-button.primary strong {
  color: #000000 !important;
}

.contact-button {
  background: var(--accent-cyan);
  color: #000000;
}

.contact-button:hover {
  background: #00CCCC;
}

strong {
  color: var(--accent-cyan);
  font-weight: 600;
}

.section-title,
.subsection-title {
  color: var(--text-primary);
}

.subsection-text,
.section-text {
  color: var(--text-secondary);
}

.emoji-icon {
  filter: grayscale(100%) brightness(0.7) hue-rotate(180deg);
}

.footer {
  border-top: 1px solid var(--border-light);
}

.footer-links a {
  color: var(--text-muted);
}

.footer-links a:hover {
  color: var(--text-primary);
}

.floating-whatsapp {
  background: var(--accent-cyan);
  box-shadow: none;
}

.floating-whatsapp:hover {
  box-shadow: none;
}

/* Uniform Cyan on Service Blocks for Coherence */
.service-block {
  border: 1px solid var(--border-light);
}

.service-block:hover {
  border-color: var(--border-light);
}

.asset-free {
  box-shadow: none;
}

.progress-bar {
  background: var(--accent-cyan);
}