/* WhatsApp Project Theme - Green Marketing Style */

/* WhatsApp Theme - Apply to body only when .whatsapp-theme class is present */
.whatsapp-theme {
  /* WhatsApp Brand Colors */
  --background: 0 0% 100%;
  --foreground: 0 0% 10%;
  
  --card: 0 0% 98%;
  --card-foreground: 0 0% 10%;
  --popover: 0 0% 100%;
  --popover-foreground: 0 0% 10%;
  
  /* Primary - WhatsApp Green */
  --primary: 142 70% 49%; /* WhatsApp Green */
  --primary-foreground: 0 0% 100%;
  --primary-glow: 142 75% 55%;
  
  /* Secondary - Darker Green */
  --secondary: 142 60% 35%;
  --secondary-foreground: 0 0% 100%;
  --secondary-light: 142 65% 45%;
  
  /* Accent - Light Green */
  --accent: 142 50% 95%;
  --accent-foreground: 0 0% 10%;
  --accent-light: 142 40% 97%;
  
  --muted: 0 0% 96%;
  --muted-foreground: 0 0% 45%;
  
  --destructive: 0 84% 60%;
  --destructive-foreground: 0 0% 98%;
  
  --border: 0 0% 90%;
  --input: 0 0% 100%;
  --ring: 142 70% 49%;
  
  --chart-1: 142 70% 49%;
  --chart-2: 142 60% 35%;
  --chart-3: 120 65% 50%;
  --chart-4: 160 60% 50%;
  --chart-5: 100 55% 50%;
  
  /* Status Colors */
  --success: 142 70% 49%;
  --success-foreground: 0 0% 100%;
  --warning: 45 90% 55%;
  --warning-foreground: 0 0% 10%;
  --info: 200 70% 55%;
  --info-foreground: 0 0% 100%;
  
  --radius: 0.5rem;

  background: hsl(var(--background));
  color: hsl(var(--foreground));
  font-family: 'Inter', 'Cairo', system-ui, sans-serif;
  direction: rtl;
}

/* Dark mode for WhatsApp */
.whatsapp-theme.dark {
  --background: 0 0% 10%;
  --foreground: 0 0% 98%;
  --card: 0 0% 12%;
  --card-foreground: 0 0% 98%;
  --popover: 0 0% 10%;
  --popover-foreground: 0 0% 98%;
  
  --primary: 142 70% 49%;
  --primary-foreground: 0 0% 100%;
  
  --secondary: 142 60% 35%;
  --secondary-foreground: 0 0% 100%;
  
  --accent: 142 30% 20%;
  --accent-foreground: 0 0% 98%;
  
  --muted: 0 0% 18%;
  --muted-foreground: 0 0% 65%;
  
  --border: 0 0% 25%;
  --input: 0 0% 15%;
  --ring: 142 70% 49%;
}