/* ==========================================================================
   SWRAJYA (SENA) AI Business Discovery Experience
   Design System Tokens & Custom CSS Variables
   ========================================================================== */

:root {
  /* Brand Primary & Heritage Colors */
  --color-primary-navy: #0B1D3A;   /* Royal Navy Background / Dark Surfaces */
  --color-secondary-navy: #10264D; /* Secondary Navy / Headers & Cards */
  --color-royal-gold: #D4AF37;    /* Royal Gold Accent / Badges & Trophy */
  --color-light-gold: #F8E7A3;    /* Light Gold Callouts / Highlights */
  --color-saffron: #FF6B00;       /* Saffron Accent / Shivray Heritage */
  --color-trust-green: #16A34A;   /* Trust Green / Header Bar & Badges */
  --color-success-green: #22C55E; /* Success Green / Double Ticks & Selection */
  --color-white: #FFFFFF;
  --color-soft-gray: #F5F7FA;
  --color-light-divider: #E5E7EB;
  --color-text-dark: #0F172A;
  --color-text-muted: #64748B;
  --color-text-light: #94A3B8;

  /* WhatsApp Authentic Chat Colors */
  --wa-bg: #EFEAE2;
  --wa-header-bg: #0B1D3A;
  --wa-header-text: #FFFFFF;
  --wa-bubble-in: #FFFFFF;
  --wa-bubble-out: #E2F7CB;
  --wa-blue-tick: #34B7F1;
  --wa-shadow: 0 1px 1px rgba(11, 20, 26, 0.12);
  --wa-radius-bubble: 10px;
  --wa-radius-card: 14px;

  /* Typography Stack */
  --font-heading: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-marathi: 'Noto Sans Devanagari', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Spacing & Touch Targets */
  --touch-target-min: 44px;
  --header-height: 62px;
  --progress-height: 6px;

  /* Animation Timings */
  --transition-fast: 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 0.28s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.45s cubic-bezier(0.16, 1, 0.3, 1);

  /* Z-Index Hierarchy */
  --z-wallpaper: 1;
  --z-chat: 5;
  --z-header: 20;
  --z-footer: 20;
  --z-modal: 100;
  --z-confetti: 999;
}