/* MoiPanam Stylesheet */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Mukta+Malar:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap');

:root {
  --font-sans: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-tamil: 'Mukta Malar', 'Inter', sans-serif;
  --font-mono: 'Space Mono', monospace;
  --primary-pink: #FF007A;
  --primary-navy: #1A233A;
  --navy-dark: #0F172A;
}

body {
  font-family: var(--font-sans);
  color: #334155;
  background-color: #F8FAFC;
  overflow-x: hidden;
}

.font-tamil {
  font-family: var(--font-tamil);
}

.font-mono-num {
  font-family: var(--font-mono);
}

/* Gradient text utility */
.text-gradient {
  background: linear-gradient(135deg, #FF007A 0%, #FF5E3A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-gradient-gold {
  background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Thermal receipt slip visual effect */
.receipt-paper {
  background: #FFFFFF;
  position: relative;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.05));
}

.receipt-paper::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  height: 10px;
  background: radial-gradient(circle, transparent, transparent 50%, #FFFFFF 50%, #FFFFFF 100%);
  background-size: 16px 16px;
}

/* Subtle glow animations */
.glow-pink {
  box-shadow: 0 0 35px -5px rgba(255, 0, 122, 0.35);
}

.badge-pulse {
  animation: pulse-ring 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulse-ring {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.85;
    transform: scale(1.05);
  }
}

/* Smooth transition for bilingual elements */
[data-en], [data-ta] {
  transition: opacity 0.15s ease-in-out;
}

/* Scrollbar polish */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #F1F5F9;
}
::-webkit-scrollbar-thumb {
  background: #CBD5E1;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94A3B8;
}