/* ==========================================================================
   फाइल: public/css/tokens.css (JNV Bhasha Setu)
   नियम: 100% लाइट थीम, डार्क मोड सख्ती से प्रतिबंधित, 44px टच टारगेट्स
   ========================================================================== */

:root {
  /* 🔵 ब्रांड कलर्स (Navodaya Blue & Variants) */
  --color-primary: #1e40af;       /* Navodaya Blue */
  --color-primary-hover: #1d4ed8; /* Darker blue for active states */
  --color-primary-light: #eff6ff; /* Soft blue tint */
  --color-primary-border: #bfdbfe;

  /* 🟢 प्रगति एवं फीडबैक कलर्स */
  --color-success: #059669;       /* Progress Green */
  --color-success-bg: #ecfdf5;
  --color-success-border: #a7f3d0;
  --color-warning: #d97706;       /* Warning Yellow/Orange */
  --color-warning-bg: #fffbeb;
  --color-warning-border: #fde68a;
  --color-error: #dc2626;         /* Error Red */
  --color-error-bg: #fef2f2;
  --color-error-border: #fecaca;
  --color-info: #0284c7;          /* Info Blue */
  --color-info-bg: #f0f9ff;
  --color-info-border: #bae6fd;

  /* 🎨 जीवंत बहुभाषी ट्रैक थीम्स (Vibrant Child-Friendly Light Themes) */
  /* Track 1: Core Hindi-English (Emerald/Mint) */
  --theme-emerald-base: #059669;
  --theme-emerald-bg: #f0fdf4;
  --theme-emerald-border: #bbf7d0;
  --theme-emerald-text: #166534;
  --theme-emerald-gradient: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);

  /* Track 2: 21 Indic Suite (Royal Purple/Lavender) */
  --theme-purple-base: #7c3aed;
  --theme-purple-bg: #faf5ff;
  --theme-purple-border: #e9d5ff;
  --theme-purple-text: #581c87;
  --theme-purple-gradient: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%);

  /* Track 3: Acoustic & Phoneme Lab (Energetic Rose/Coral) */
  --theme-rose-base: #e11d48;
  --theme-rose-bg: #fff1f2;
  --theme-rose-border: #fecdd3;
  --theme-rose-text: #9f1239;
  --theme-rose-gradient: linear-gradient(135deg, #fff1f2 0%, #ffe4e6 100%);

  /* Track 4: Literacy & Reading Lab (Sky Blue/Cyan) */
  --theme-sky-base: #0284c7;
  --theme-sky-bg: #f0f9ff;
  --theme-sky-border: #bae6fd;
  --theme-sky-text: #075985;
  --theme-sky-gradient: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);

  /* Track 5: Migration Buddy Corridor (Saffron/Golden Amber) */
  --theme-amber-base: #d97706;
  --theme-amber-bg: #fffbeb;
  --theme-amber-border: #fde68a;
  --theme-amber-text: #92400e;
  --theme-amber-gradient: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);

  /* ⚪ बैकग्राउंड एवं सर्फेस कलर्स (Light theme) */
  --color-bg-base: #f8fafc;       /* Main app background */
  --color-bg-surface: #ffffff;    /* Card & Modal background */
  --color-bg-subtle: #f1f5f9;     /* Subtle gray for disabled/inactive areas */
  --bg-surface-secondary: #f8fafc;
  --color-border: #cbd5e1;        /* Crisp slate border */
  --color-border-subtle: #e2e8f0; /* Subtle card borders */
  --border-color: #e2e8f0;
  --border-color-strong: #cbd5e1;
  
  /* ⚫ टेक्स्ट कलर्स (High Contrast) */
  --color-text-main: #0f172a;     /* Dark Slate Text */
  --color-text-muted: #334155;    /* Lighter Slate for secondary text */
  --color-text-subtle: #64748b;   /* Subtle metadata text */
  --color-text-inverse: #ffffff;  /* White text on colored buttons */
  --text-primary: #0f172a;
  --text-secondary: #475569;
  --text-muted: #64748b;

  /* 📏 टाइपोग्राफी एवं फोंट्स */
  --font-base: 'Inter', system-ui, -apple-system, sans-serif;
  --font-family-latin: 'Inter', system-ui, sans-serif;
  --font-family-indic: 'Noto Sans Devanagari', 'Inter', sans-serif;

  /* 🔠 टेक्स्ट साइज़ स्केल */
  --text-xs: 0.75rem;     /* 12px */
  --text-sm: 0.875rem;    /* 14px */
  --text-base: 1rem;      /* 16px */
  --text-lg: 1.125rem;    /* 18px */
  --text-xl: 1.25rem;     /* 20px */
  --text-2xl: 1.5rem;     /* 24px */
  --text-3xl: 1.875rem;   /* 30px */
  --text-4xl: 2.25rem;    /* 36px */
  
  /* 📐 स्पेसिंग स्केल */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;

  /* 🔘 बॉर्डर रेडियस स्केल */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 22px;
  --radius-2xl: 30px;
  --radius-full: 9999px;
  --border-radius-sm: 6px;
  --border-radius-md: 10px;
  --border-radius-lg: 16px;
  
  /* 🌫️ शैडो एवं गहराई (Soft Premium Depth) */
  --shadow-xs: 0 1px 2px 0 rgba(15, 23, 42, 0.04);
  --shadow-sm: 0 2px 4px 0 rgba(15, 23, 42, 0.05);
  --shadow-md: 0 4px 12px -2px rgba(15, 23, 42, 0.08), 0 2px 6px -1px rgba(15, 23, 42, 0.04);
  --shadow-lg: 0 10px 25px -4px rgba(15, 23, 42, 0.09), 0 4px 10px -2px rgba(15, 23, 42, 0.04);
  --shadow-xl: 0 20px 30px -6px rgba(15, 23, 42, 0.1);

  /* ⚡ एनिमेशन एवं ट्रांज़िशन */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s ease;
  --transition-smooth: 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);

  /* 📐 एक्सेसिबिलिटी एवं इंटरेक्शन (Touch Friendly) */
  --touch-target-min: 44px;       /* IFPD Smartboards/Tablets standard */
  --focus-ring: 0 0 0 3px rgba(37, 99, 235, 0.3);
}

/* 🚫 डार्क मोड ब्लॉक (Operating system dark mode will NOT affect this app) */
@media (prefers-color-scheme: dark) {
  :root { 
    color-scheme: light; 
    background-color: #f8fafc;
    color: #0f172a;
  }
}