/* FoodFactory Custom Styles & Typography */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Noto+Sans+Sinhala:wght@400;500;600;700&display=swap');

:root {
  --color-primary: #F59E0B;
  --color-primary-dark: #D97706;
  --color-primary-hover: #B45309;
  --color-secondary: #10B981;
  --color-secondary-dark: #059669;
  --color-bg: #FAFAF9;
  --color-surface: #FFFFFF;
  --color-text-dark: #1E293B;
  --color-text-muted: #64748B;
}

html {
  scroll-behavior: smooth;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  background-color: var(--color-bg);
  color: var(--color-text-dark);
}

/* Bindumathi Sinhala Web Font */
@font-face {
  font-family: 'Bindumathi';
  src: local('Bindumathi'),
       local('UN-Bindumathi'),
       local('FM-Bindumathi'),
       url('../assets/fonts/UN-Bindumathi.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.font-sinhala {
  font-family: 'Bindumathi', 'UN-Bindumathi', 'Noto Sans Sinhala', sans-serif;
}

/* Lightweight Scroll Reveal Animations */
.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

.reveal.active {
  opacity: 1;
  transform: translateY(0);
}

.reveal-delay-1 {
  transition-delay: 100ms;
}

.reveal-delay-2 {
  transition-delay: 200ms;
}

.reveal-delay-3 {
  transition-delay: 300ms;
}

.reveal-delay-4 {
  transition-delay: 400ms;
}

/* Subtle Card Hover Effects */
.card-hover {
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease;
}

.card-hover:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 32px -8px rgba(245, 158, 11, 0.12), 0 4px 12px -2px rgba(0, 0, 0, 0.05);
}

/* Custom Radio Styling */
.radio-custom:checked + label {
  border-color: #F59E0B;
  background-color: #FFFBEB;
  color: #B45309;
}

.radio-custom:checked + label .radio-circle {
  border-color: #F59E0B;
  background-color: #F59E0B;
  box-shadow: inset 0 0 0 3px #FFFFFF;
}

/* Glassmorphism Accents */
.glass-panel {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.4);
}

/* Pulse animation for notice dot */
@keyframes subtle-pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.5;
    transform: scale(1.1);
  }
}

.pulse-dot {
  animation: subtle-pulse 2s infinite ease-in-out;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #F1F5F9;
}

::-webkit-scrollbar-thumb {
  background: #CBD5E1;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #94A3B8;
}