@tailwind base;
@tailwind components;
@tailwind utilities;
/* global.css */

:root {
  /* 🌐 Brand Colors */
  --primary-blue: #3b82f6;
  --secondary-blue: #60a5fa;
  --blue-dark: #1e40af;
  --blue-light: #dbeafe;

  --bharat-orange: #ff6b35;
  --bharat-yellow: #ffd60a;
  --orange-dark: #ea580c;
  --yellow-dark: #d97706;

  /* ✅ Status Colors */
  --success-green: #10b981;
  --success-light: #d1fae5;
  --error-red: #ef4444;
  --error-light: #fee2e2;
  --warning-amber: #f59e0b;
  --warning-light: #fef3c7;
  --info-cyan: #06b6d4;
  --info-light: #cffafe;

  /* 🍴 Food & Dining */
  --food-primary: #ef4444;
  --food-light: #fee2e2;
  --food-dark: #dc2626;
  --food-gradient-end: #f87171;

  /* 🏥 Healthcare */
  --health-primary: #10b981;
  --health-light: #d1fae5;
  --health-dark: #059669;
  --health-gradient-end: #34d399;

  /* 🎓 Education */
  --edu-primary: #3b82f6;
  --edu-light: #dbeafe;
  --edu-dark: #2563ee;
  --edu-gradient-end: #60a5fa;

  /* 🛍️ Shopping & Retail */
  --shop-primary: #f59e0b;
  --shop-light: #fef3c7;
  --shop-dark: #d97706;
  --shop-gradient-end: #fbbf24;

  /* 🚗 Automotive Services */
  --auto-primary: #6366f1;
  --auto-light: #e0e7ff;
  --auto-dark: #4f46e5;
  --auto-gradient-end: #818cf8;

  /* 🛠 Home Services */
  --home-primary: #8b5cf6;
  --home-light: #ede9fe;
  --home-dark: #7c3aed;
  --home-gradient-end: #a78bfa;

  /* 💅 Beauty & Wellness */
  --beauty-primary: #ec4899;
  --beauty-light: #fce7f3;
  --beauty-dark: #db2777;
  --beauty-gradient-end: #f472b6;

  /* 🎭 Entertainment */
  --ent-primary: #06b6d4;
  --ent-light: #cffafe;
  --ent-dark: #0891b2;
  --ent-gradient-end: #22d3ee;

  /* 🚊 Transportation */
  --trans-primary: #84cc16;
  --trans-light: #ecfccb;
  --trans-dark: #65a30d;
  --trans-gradient-end: #a3e635;

  /* 🎨 UI Colors */
  --inactive-nav-light: #6b7280;
  --inactive-nav-dark: #9ca3af;
  --input-light: #ffffff;
  --input-dark: #374151;
  --input-border-light: #d1d5db;
  --input-border-dark: #4b5563;
  --input-text-light: #111827;
  --input-text-dark: #f9fafb;
  --label-text-light: #374151;
  --label-text-dark: #f3f4f6;
  --card-bg-light: #ffffff;
  --card-bg-dark: #1f2937;
  --card-border-light: #e5e7eb;
  --card-border-dark: #374151;

  /* 🌈 Gradients / Extras */
  --gradient-primary-end: #60a5fa;
  --gradient-brand-end: #ffd60a;
  --gradient-success-end: #34d399;

  /* 🌙 Dark Theme Overrides */
  --dark-secondary-blue: #93c5fd;
  --dark-success-green: #34d399;
  --dark-error-red: #f87171;
  --dark-warning-amber: #fbbf24;
  --dark-info-cyan: #22d3ee;

  /* 🧭 Navigation Icon Colors */
  --nav-home-gradient-start: #3b82f6;
  --nav-home-gradient-end: #60a5fa;
  --nav-services-inactive: #6b7280;
  --nav-services-active: #3b82f6;
  --nav-pay: #ff6b35;
  --nav-jobs-inactive: #6b7280;
  --nav-jobs-active: #3b82f6;
  --nav-profile-inactive: #ff6b35;
  --nav-profile-active: #10b981;

  /* 🌟 Feature Icons */
  --feature-fast-delivery: #3b82f6;
  --feature-live-chat: #10b981;
  --feature-group-buying: #8b5cf6;
  --feature-voice-support: #f59e0b;
  --feature-247-service: #6b7280;
  --feature-express-delivery: #3b82f6;
}

/* Optional dark mode override */
@media (prefers-color-scheme: dark) {
  :root {
    --primary-blue: #60a5fa;
    --secondary-blue: #93c5fd;
  }
}