@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;900&family=Poppins:wght@400;600;700&display=swap');

:root {
  --background: #fafafa;
  --foreground: #0f172a;
  --card: #ffffff;
  --card-foreground: #09090b;
  --popover: #ffffff;
  --popover-foreground: #09090b;
  --primary:       #EF6378;
  --primary-light: #FDDDE4;
  --primary-mid:   #F4A0B0;
  --primary-deep:  #C9334B;
  --primary-foreground: #ffffff;
  --secondary: #fedf00;
  --secondary-foreground: #18181b;
  --muted: #f4f4f5;
  --muted-foreground: #71717a;
  --accent: #f4f4f5;
  --accent-foreground: #18181b;
  --destructive: #ef4444;
  --destructive-foreground: #ffffff;
  --border: #e4e4e7;
  --input: #e4e4e7;
  --ring: #EF6378;
  --radius: 0.5rem;
  --font-sans: 'Montserrat', sans-serif;
  --font-serif: 'Poppins', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
}

body {
  background-color: var(--background);
  color: var(--foreground);
  font-family: var(--font-sans);
  margin: 0;
  padding: 0;
}

.font-sans { font-family: var(--font-sans) !important; }
.font-serif { font-family: var(--font-serif) !important; }
.font-mono { font-family: var(--font-mono) !important; }

@keyframes pulse-wave {
  0% { box-shadow: 0 0 0 0 rgba(239, 99, 120, 0.7); }
  70% { box-shadow: 0 0 0 20px rgba(239, 99, 120, 0); }
  100% { box-shadow: 0 0 0 0 rgba(239, 99, 120, 0); }
}
.btn-pulse {
  animation: pulse-wave 2s infinite;
}