/* ==========================================================================
   SOORYAVAMSHI SOLAR PROJECTS LLP - DESIGN TOKENS & SYSTEM VARIABLES
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@500;600;700;800&display=swap');

:root {
  /* Brand Core Palette */
  --color-primary: #073B6B;          /* Deep Navy Blue */
  --color-primary-dark: #042442;     /* Darker Navy */
  --color-primary-light: #0C559A;    /* Vibrant Royal Blue */
  --color-secondary: #F58220;        /* Solar Orange */
  --color-secondary-dark: #D96E12;   /* Deep Solar Orange */
  --color-accent: #FDBA2D;           /* Solar Gold */
  --color-accent-light: #FEE7B0;     /* Soft Sun Gold */
  --color-success: #218739;          /* Eco Green */
  --color-success-light: #E7F6EC;    /* Soft Eco Green Tint */

  /* Neutral Surface & Canvas */
  --color-bg-white: #FFFFFF;
  --color-bg-light: #F4F8FB;         /* Light Section Canvas */
  --color-bg-card: #FFFFFF;
  --color-bg-alt: #EBF3FA;
  --color-bg-dark: #073B6B;
  --color-bg-darker: #041F39;

  /* Typography Colors */
  --color-text-dark: #14213D;        /* Dark Navy Text */
  --color-text-body: #2B3A5A;        /* Readable High-Contrast Body */
  --color-text-muted: #5C6E8C;       /* Secondary Muted Text */
  --color-text-light: #94A3B8;       /* Subtle Grey */
  --color-text-white: #FFFFFF;

  /* Borders & Dividers */
  --color-border-light: #E2EBF2;
  --color-border-medium: #CBD9E6;
  --color-border-glow: rgba(245, 130, 32, 0.35);

  /* Gradients */
  --grad-navy: linear-gradient(135deg, #073B6B 0%, #0E59A0 100%);
  --grad-navy-deep: linear-gradient(145deg, #042442 0%, #073B6B 100%);
  --grad-solar: linear-gradient(135deg, #F58220 0%, #FDBA2D 100%);
  --grad-solar-hover: linear-gradient(135deg, #E07112 0%, #F5A91E 100%);
  --grad-solar-soft: linear-gradient(135deg, rgba(245, 130, 32, 0.08) 0%, rgba(253, 186, 45, 0.15) 100%);
  --grad-glow: radial-gradient(circle at 50% 0%, rgba(253, 186, 45, 0.22) 0%, rgba(7, 59, 107, 0) 70%);
  --grad-eco: linear-gradient(135deg, #218739 0%, #34A853 100%);

  /* Typography Hierarchy */
  --font-heading: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Shadows */
  --shadow-xs: 0 1px 3px rgba(7, 59, 107, 0.06);
  --shadow-sm: 0 4px 8px rgba(7, 59, 107, 0.08);
  --shadow-md: 0 8px 24px rgba(7, 59, 107, 0.09), 0 2px 6px rgba(7, 59, 107, 0.04);
  --shadow-lg: 0 16px 40px rgba(7, 59, 107, 0.13), 0 4px 12px rgba(7, 59, 107, 0.05);
  --shadow-xl: 0 24px 60px rgba(7, 59, 107, 0.18), 0 8px 20px rgba(7, 59, 107, 0.08);
  --shadow-solar: 0 10px 30px rgba(245, 130, 32, 0.35);
  --shadow-solar-sm: 0 4px 14px rgba(245, 130, 32, 0.28);

  /* Border Radii */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-full: 9999px;

  /* Transitions */
  --transition-fast: 180ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 280ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: 400ms cubic-bezier(0.16, 1, 0.3, 1);

  /* Layout Containers */
  --container-max: 1240px;
  --container-padding: 24px;
  --nav-height: 84px;

  /* Z-Index Structure */
  --z-base: 1;
  --z-card: 10;
  --z-sticky: 100;
  --z-navbar: 1000;
  --z-modal: 2000;
  --z-toast: 3000;
}