/* ============================================================
   संस्कृत सेतु — Design Tokens (Large Platform Theme)
   Clean White + Saffron + Deep Maroon + Gold Accents
   ============================================================ */

:root {
  /* ── Primary Palette (Light & Airy) ── */
  --bg-deep:        #f4f6f8; /* Very light gray for outer backgrounds */
  --bg-primary:     #ffffff; /* Pure white for main content areas */
  --bg-secondary:   #f9fafb; /* Slightly off-white for sidebars/panels */
  --bg-surface:     #ffffff; /* White for cards */
  --bg-elevated:    #ffffff;
  
  /* ── Accent Colors (Sanskrit Identity) ── */
  --saffron:        #FF9933; /* India Saffron */
  --saffron-light:  #FFB366;
  --gold:           #C9A227;
  --gold-light:     #E8C84A;
  --gold-glow:      rgba(201, 162, 39, 0.15);
  --maroon:         #7A2E2E;
  --maroon-light:   #A0454A;
  --maroon-deep:    #5A1E1E;
  --green:          #2b9348;
  --green-light:    #55a630;
  --red:            #d00000;
  --red-light:      #e85d04;
  --blue:           #0077b6;
  --blue-light:     #0096c7;
  --orange:         #f48c06;
  --purple:         #7209b7;
  
  /* ── Text Colors (High Contrast) ── */
  --text-primary:   #1f2937; /* Dark gray for high readability */
  --text-secondary: #4b5563; /* Medium gray */
  --text-muted:     #6b7280; /* Light gray */
  --text-inverse:   #ffffff; /* White text on dark buttons */
  --text-gold:      #C9A227;
  --text-maroon:    #7A2E2E;
  
  /* ── Borders & Separators ── */
  --border-light:   #e5e7eb;
  --border-medium:  #d1d5db;
  
  /* ── Glass Effects (Minimal in Light Mode) ── */
  --glass-bg:       rgba(255, 255, 255, 0.9);
  --glass-border:   rgba(0, 0, 0, 0.05);
  --glass-blur:     blur(10px);
  --glass-bg-light: rgba(255, 255, 255, 0.5);
  
  /* ── Spacing (More breathing room) ── */
  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  
  /* ── Border Radius (Slightly less rounded for a professional look) ── */
  --radius-sm:    4px;
  --radius-md:    8px;
  --radius-lg:    12px;
  --radius-xl:    16px;
  --radius-2xl:   20px;
  --radius-full:  50%;
  --radius-pill:  999px;
  
  /* ── Typography ── */
  --font-hindi:   'Tiro Devanagari Hindi', 'Noto Sans Devanagari', serif;
  --font-body:    'Inter', 'Noto Sans Devanagari', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', 'Fira Code', monospace;
  
  --fs-xs:    12px;
  --fs-sm:    14px;
  --fs-base:  16px;
  --fs-md:    18px;
  --fs-lg:    20px;
  --fs-xl:    24px;
  --fs-2xl:   32px;
  --fs-3xl:   42px;
  --fs-hero:  56px;
  
  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semi:     600;
  --fw-bold:     700;
  --fw-black:    900;
  
  /* ── Shadows (Clean, subtle shadows for white cards) ── */
  --shadow-sm:    0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md:    0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg:    0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-glow:  0 0 15px rgba(255, 153, 51, 0.3); /* Saffron glow */
  --shadow-card:  0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06);
  
  /* ── Transitions ── */
  --ease-out:     cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out:  cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring:  cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration-fast:   150ms;
  --duration-normal: 300ms;
  --duration-slow:   500ms;
  
  /* ── Z-Index Scale ── */
  --z-base:     1;
  --z-dropdown: 100;
  --z-sticky:   200;
  --z-overlay:  500;
  --z-modal:    1000;
  --z-toast:    1500;
  --z-top:      9999;
  
  /* ── Layout (Full width Dashboard) ── */
  --sidebar-width: 260px;
  --nav-height: 64px;
  --header-height: 70px;
  --max-content-width: 1400px;
}