/* --- LIGHT MODE COLOR CONFIGURATION --- */
:root {
  --color-primary: #f8f8f8; /* Gray-50 Off-White Background */
  --color-secondary: #ffffff; /* White Card Background */
  --color-accent: #06b6d4; /* Cyan-500 Vibrant Accent */
}

/* General styles for the light theme */
body {
  font-family: 'Inter', sans-serif;
  background-color: var(--color-primary);
  color: #1f2937; /* Dark Text (Gray-800) */
}
.accent-bg {
  background-color: var(--color-accent);
}
.accent-text {
  color: var(--color-accent);
}
.card-bg {
  background-color: var(--color-secondary);
}
.btn-primary {
  /* Removed rounded-* classes for sharp corners */
  @apply px-6 py-3 font-semibold text-white bg-cyan-500 shadow-lg transition-transform hover:scale-[1.02] hover:bg-cyan-600;
}
/* Custom scrollbar for better visual integration in light mode */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #e5e7eb; /* Light Gray */
}
/* Removed border-radius from scrollbar thumb for consistency */
::-webkit-scrollbar-thumb {
  background: #9ca3af; /* Medium Gray */
}
::-webkit-scrollbar-thumb:hover {
  background: #6b7280;
}
/* Style for form elements (checkboxes/radio buttons) */
.form-checkbox {
  /* Removed default rounded style on checkboxes */
  border-radius: 0;
}