/* ==========================================================================
   Bhavan's Vivekananda Vidya Mandir - Design Tokens & Variables
   EduBlink-Inspired Blue and White Institutional System
   ========================================================================== */

:root {
  /* Brand Palette (Pure Blue & White Institutional Concept) */
  --color-primary: #0B4EA2;         /* Primary Institutional Royal Blue */
  --color-primary-hover: #083B7A;   /* Deeper Primary Hover */
  --color-deep-blue: #062B5C;       /* Deep Navy Slate (EduBlink Dark) */
  --color-secondary-blue: #1976D2;  /* Vibrant Secondary Blue */
  --color-light-blue: #EAF4FF;      /* Soft Light Blue Tint (EduBlink Lighten) */
  --color-ultra-light-blue: #F0F7FF;/* Very soft background blue */
  --color-bg: #F6FAFF;              /* Canvas Background */
  --color-white: #FFFFFF;           /* Crisp Pure White */
  
  /* Accent & Utility Colors */
  --color-accent-gold: #F5B942;     /* Warm Academic Brass/Gold */
  --color-accent-gold-hover: #E5A832;
  --color-success: #10B981;
  --color-info: #0284C7;
  --color-warning: #F59E0B;

  /* Typography Colors */
  --color-text-main: #181818;       /* Crisp Dark Reading Slate */
  --color-text-heading: #062B5C;    /* Deep Navy Headings */
  --color-text-secondary: #5E6C84;  /* Refined Descriptive Slate */
  --color-text-muted: #808080;      /* Muted Metadata */
  --color-border: #E8EEF5;          /* Clean Subtle Card Border */
  --color-border-light: #F0F4F8;

  /* Typography Families */
  --font-heading: 'Plus Jakarta Sans', 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Spacing */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4.5rem;
  --space-4xl: 6rem;

  /* EduBlink Card & Element Radii */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-2xl: 28px;
  --radius-pill: 50px;
  --radius-full: 9999px;

  /* EduBlink Signature Shadows */
  --shadow-xs: 0 2px 4px rgba(6, 43, 92, 0.04);
  --shadow-sm: 0 4px 12px rgba(6, 43, 92, 0.05);
  --shadow-md: 0 10px 30px rgba(6, 43, 92, 0.07);
  --shadow-lg: 0 16px 40px rgba(6, 43, 92, 0.10);
  --shadow-xl: 0 24px 60px rgba(6, 43, 92, 0.14);
  --shadow-card-hover: 0 20px 50px rgba(11, 78, 162, 0.13);

  /* Transitions */
  --transition-fast: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  --transition-base: 0.35s cubic-bezier(0.23, 1, 0.32, 1);
  --transition-slow: 0.55s cubic-bezier(0.23, 1, 0.32, 1);

  /* Layout */
  --max-width-container: 1240px;
  --max-width-wide: 1380px;
  --topbar-height: 34px;
  --header-height: 72px;
}