/* Google Fonts */
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");

:root {
  /* Color Palette */
  --bg-primary: #FFFFFF;
  --bg-secondary: #e6f1fc;
  --bg-tertiary: #F4F7FB;
  
  --primary: #2563EB;
  --primary-hover: #1D4ED8;
  --primary-rgb: 37, 99, 235;
  
  --secondary: #6D5DF6;
  --secondary-hover: #5A4CE0;
  --secondary-rgb: 109, 93, 246;
  
  --accent: #00B8FF;
  --accent-rgb: 0, 184, 255;
  
  --success: #22C55E;
  --success-rgb: 34, 197, 94;
  
  --warning: #F59E0B;
  --warning-rgb: 245, 158, 11;
  
  --danger: #EF4444;
  --danger-rgb: 239, 68, 68;
  --white: #fff;

  --text-main: #111827;
  --text-muted: #6B7280;
  
  --border-light: #E5E7EB;
  --border-glass: rgba(229, 231, 235, 0.4);
  
  /* Glassmorphism Defaults */
  --glass-bg: rgba(255, 255, 255, 0.7);
  --glass-bg-hover: rgba(255, 255, 255, 0.85);
  --glass-blur: 16px;
  --glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.04);
  --glass-border: 1px solid rgba(255, 255, 255, 0.6);
  
  /* Modern Shadows */
  --shadow-sm: 0 2px 8px -1px rgba(0, 0, 0, 0.03), 0 1px 3px -1px rgba(0, 0, 0, 0.02);
  --shadow-md: 0 12px 24px -4px rgba(0, 0, 0, 0.04), 0 4px 12px -2px rgba(0, 0, 0, 0.02);
  --shadow-lg: 0 24px 48px -8px rgba(0, 0, 0, 0.06), 0 8px 24px -4px rgba(0, 0, 0, 0.03);
  --shadow-premium: 0 40px 80px -15px rgba(109, 93, 246, 0.08), 0 10px 30px -5px rgba(37, 99, 235, 0.03);
  
  /* Borders & Radius */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 28px;
  
  /* Typography & Layout Spacing */
  --font-headings: 'Space Grotesk', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  
  --container-width: 1280px;
  --container-padding: 2rem;
  
  /* Performance Transitions */
  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-elastic: 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);





  --font-primary: "Lato", sans-serif;
  --font-secondary: "Roboto", sans-serif;

  

  /* Lato Weights */
  --font-thin: 100;
  --font-light: 300;
  --font-regular: 400;
  --font-bold: 700;
  --font-black: 900;

  /* Font Styles */
  --font-normal: normal;
  --font-italic: italic;

  /* Roboto Variable Font */
  --font-optical-sizing: auto;
  --font-width: 100;




}