/* public_html/assets/css/main.css */
* {
  transition: background-color 0.3s ease, color 0.3s ease;
}

body {
  background-color: white;
  color: #111827;
}

body.dark {
  background-color: #111827;
  color: #f9fafb;
}

.dark .bg-white { background-color: #1f2937 !important; }
.dark .bg-gray-50 { background-color: #111827 !important; }
.dark .bg-gray-100 { background-color: #1f2937 !important; }
.dark .bg-gray-800 { background-color: #374151 !important; }
.dark .bg-gray-900 { background-color: #111827 !important; }

.dark .text-gray-900 { color: #f9fafb !important; }
.dark .text-gray-800 { color: #f3f4f6 !important; }
.dark .text-gray-700 { color: #d1d5db !important; }
.dark .text-gray-600 { color: #9ca3af !important; }
.dark .text-gray-500 { color: #6b7280 !important; }
.dark .text-gray-400 { color: #9ca3af !important; }
.dark .text-gray-300 { color: #d1d5db !important; }

.dark .border-gray-200 { border-color: #374151 !important; }
.dark .border-gray-300 { border-color: #4b5563 !important; }
.dark .border-gray-700 { border-color: #374151 !important; }
.dark .border-gray-800 { border-color: #1f2937 !important; }


/* --- Site-Wide Custom Theme Styles --- */
.signature-font {
  font-family: 'Dancing Script', cursive;
  line-height: 1.2; /* or 1.25 */
  overflow: visible;

}

.bg-grid-pattern {
  background-image:
    linear-gradient(rgba(59, 130, 246, 0.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(59, 130, 246, 0.1) 1px, transparent 1px);
  background-size: 20px 20px;
}

/* Optional scroll indicator styling */
.scroll-indicator {
  width: 6px;
  height: 20px;
  margin-top: 10px;
  background: #cbd5e1;
  border-radius: 50px;
}