/**
 * KANAHIYA SUPERMART - Design Tokens & Variables
 * Theme: Fresh, Premium, Modern International-Class Supermarket
 */

:root {
  /* Primary Supermarket Brand Colors */
  --ksm-primary: #10b981;
  --ksm-primary-dark: #059669;
  --ksm-primary-deep: #047857;
  --ksm-primary-light: #34d399;
  --ksm-primary-ultralight: #ecfdf5;
  --ksm-primary-surface: #f0fdf4;
  --ksm-primary-border: #bbf7d0;

  /* Accent Deal & Warm Offer Colors */
  --ksm-accent: #f59e0b;
  --ksm-accent-dark: #ea580c;
  --ksm-accent-light: #fbbf24;
  --ksm-accent-soft: #fffbeb;
  --ksm-accent-border: #fde68a;
  --ksm-discount-red: #ef4444;
  --ksm-discount-soft: #fef2f2;

  /* Text & Neutral Grayscale */
  --ksm-text-heading: #111827;
  --ksm-text-body: #374151;
  --ksm-text-muted: #6b7280;
  --ksm-text-light: #9ca3af;
  --ksm-white: #ffffff;
  --ksm-bg-light: #f8fafc;
  --ksm-bg-subtle: #f1f5f9;
  --ksm-border: #e2e8f0;
  --ksm-border-light: #edf2f7;

  /* Social & Utility Colors */
  --ksm-whatsapp: #25d366;
  --ksm-whatsapp-dark: #128c7e;
  --ksm-whatsapp-light: #dcf8c6;
  --ksm-phone: #0284c7;
  --ksm-star: #f59e0b;

  /* Category Pastel Backgrounds */
  --cat-bg-green: #ecfdf5;
  --cat-bg-yellow: #fffbeb;
  --cat-bg-orange: #fff7ed;
  --cat-bg-red: #fef2f2;
  --cat-bg-purple: #fdf4ff;
  --cat-bg-blue: #eff6ff;
  --cat-bg-teal: #f0fdfa;
  --cat-bg-cyan: #ecfeff;
  --cat-bg-pink: #fce7f3;
  --cat-bg-slate: #f8fafc;

  /* Typography */
  --ksm-font-heading: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --ksm-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --ksm-font-alt: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Shadows */
  --ksm-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --ksm-shadow-sm: 0 2px 6px -1px rgba(0, 0, 0, 0.08), 0 1px 4px -1px rgba(0, 0, 0, 0.04);
  --ksm-shadow-md: 0 4px 14px -2px rgba(16, 185, 129, 0.12), 0 2px 6px -2px rgba(0, 0, 0, 0.05);
  --ksm-shadow-lg: 0 10px 25px -3px rgba(0, 0, 0, 0.08), 0 4px 10px -2px rgba(0, 0, 0, 0.04);
  --ksm-shadow-xl: 0 20px 30px -4px rgba(0, 0, 0, 0.1), 0 8px 15px -3px rgba(0, 0, 0, 0.05);
  --ksm-shadow-hover: 0 12px 30px -5px rgba(16, 185, 129, 0.2), 0 6px 15px -4px rgba(0, 0, 0, 0.08);

  /* Border Radii */
  --ksm-radius-sm: 6px;
  --ksm-radius-md: 10px;
  --ksm-radius-lg: 16px;
  --ksm-radius-xl: 22px;
  --ksm-radius-pill: 9999px;

  /* Spacing */
  --ksm-container-max: 1320px;
  --ksm-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --ksm-transition-bounce: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}