/* Key branding styles */
:root {
  --primary-color: #4361ee;
  --primary-dark: #3f37c9;
  --primary-light: #4895ef;
  --accent-color: #4cc9f0;
}

/* Fix font family for all text elements */
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Target specific text elements */
p, h1, h2, h3, h4, h5, h6, 
label, input, select, textarea, 
.option label, .step-content p, 
.buttons button, .format-options label,
.notification p, footer p {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Logo and brand colors */
.scicanvas-logo, .logo-text {
  color: var(--primary-color) !important;
}

.scicanvas-logo span {
  color: var(--primary-color) !important;
}

header h1 {
  color: var(--primary-color) !important;
}

/* Button colors explicitly set */
.next-btn, .download-btn, #final-download-btn, #save-progress-btn, #load-progress-btn {
  background-color: var(--primary-color) !important;
  color: white !important;
}

.next-btn:hover, .download-btn:hover, #final-download-btn:hover, #save-progress-btn:hover, #load-progress-btn:hover {
  background-color: var(--primary-dark) !important;
}

/* Progress bar */
.progress {
  background-color: var(--primary-color) !important;
}

.step.active {
  border-color: var(--primary-color) !important;
  color: var(--primary-color) !important;
}

.step.completed {
  background-color: var(--primary-color) !important;
}