/* Custom fallback styles for SriLankansInOman.com */
:root {
  --brand-red: #E63946;
  --brand-slate: #1F2A37;
  --brand-light: #F8FAFC;
}

body {
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background-color: var(--brand-light);
  color: var(--brand-slate);
}

.btn-shadow,
.btn-primary {
  box-shadow: 0 15px 35px rgba(230, 57, 70, 0.28);
}

/* Theme Switcher Button - Base Styles */
.theme-switcher {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 1000;
  background-color: #E63946; /* Default brand-red */
  color: white;
  border: none;
  border-radius: 50%;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
  font-size: 24px;
}

.theme-switcher:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
}

.theme-switcher:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

/* Hero Section - Sri Lankan Map Outline - Default Theme */
.hero-section .sri-lanka-map-container {
  overflow: hidden;
}

.hero-section .sri-lanka-map-container > div {
  max-width: 100%;
  max-height: 100%;
}

.hero-section .sri-lanka-map-container > div > div {
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.hero-section .sri-lanka-outline {
  opacity: 0.35;
  filter: brightness(0) saturate(100%) invert(25%) sepia(100%) saturate(5000%) hue-rotate(340deg) brightness(1);
  mix-blend-mode: multiply;
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto;
  height: auto;
  object-fit: contain;
}

/* Colored overlay for enhanced visibility - Default Theme */
.hero-section .sri-lanka-map-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle at center, rgba(230, 57, 70, 0.18) 0%, rgba(255, 184, 28, 0.08) 40%, transparent 70%);
  mix-blend-mode: overlay;
  pointer-events: none;
}