/* ==========================================================================
   NAVNEET COMMUNICATION SERVICE — OFFICIAL BRAND DESIGN SYSTEM
   Colors & Gradients extracted from the Official Logo (Antenna Tower & Radio Waves)
   ========================================================================== */

:root {
  /* --- Elementor Global Color Aliases --- */
  --e-global-color-primary: #0056E0;
  --e-global-color-secondary: #0A142F;
  --e-global-color-text: #334155;
  --e-global-color-accent: #00B4D8;

  /* --- Primary Brand Palette (Matched to Official Logo) --- */
  --ncs-logo-cyan: #00C2FF;
  --ncs-logo-sky: #0099FF;
  --ncs-logo-royal: #0056E0;
  --ncs-logo-deep: #003399;
  --ncs-logo-navy: #0A142F;

  --ncs-primary: #0056E0;
  --ncs-primary-dark: #003399;
  --ncs-primary-hover: #0044B8;
  --ncs-primary-light: #EEF6FF;
  --ncs-primary-gradient: linear-gradient(135deg, #00B4FF 0%, #0066FF 50%, #0052D4 100%);
  --ncs-primary-glow: 0 4px 16px rgba(0, 102, 255, 0.25);

  /* --- Secondary & Accent Palette --- */
  --ncs-secondary: #0A142F;
  --ncs-secondary-hover: #060D20;
  --ncs-accent: #00C2FF;
  --ncs-accent-dark: #0099FF;
  --ncs-accent-light: rgba(0, 194, 255, 0.12);
  --ncs-accent-glow: 0 0 25px rgba(0, 194, 255, 0.45);
  
  --ncs-emerald: #10B981;
  --ncs-emerald-light: #ECFDF5;
  --ncs-emerald-glow: 0 0 18px rgba(16, 185, 129, 0.4);
  --ncs-amber: #F59E0B;
  --ncs-rose: #EF4444;

  /* --- Speed Banner & Ribbon Gradients --- */
  --ncs-speed-banner-bg: linear-gradient(135deg, #002B80 0%, #0056E0 55%, #00C2FF 100%);
  --ncs-ribbon-bg: linear-gradient(90deg, #002B80 0%, #0056E0 50%, #00C2FF 100%);
  --ncs-hero-gradient: linear-gradient(180deg, #F0F7FF 0%, #FFFFFF 100%);

  /* --- Enterprise Dark Theme Surfaces (Hero, Footer, Dark Cards) --- */
  --ncs-dark-950: #040814;
  --ncs-dark-900: #081026;
  --ncs-dark-850: #0C1838;
  --ncs-dark-800: #10204A;
  --ncs-dark-700: #172C64;
  --ncs-dark-600: #203B82;
  --ncs-dark-card: rgba(12, 24, 56, 0.85);
  --ncs-dark-border: rgba(0, 194, 255, 0.15);
  --ncs-dark-border-hover: rgba(0, 194, 255, 0.5);

  /* --- Light Theme Surfaces & Backgrounds --- */
  --ncs-bg-light: #F4F8FC;
  --ncs-bg-white: #FFFFFF;
  --ncs-bg-muted: #EBF2F9;
  --ncs-card-light: #FFFFFF;
  --ncs-card-border: #DDE6F0;
  --ncs-card-border-hover: rgba(0, 86, 224, 0.35);

  /* --- Glassmorphic Surface Definitions --- */
  --glass-bg-dark: rgba(8, 16, 38, 0.88);
  --glass-border-dark: rgba(0, 194, 255, 0.18);
  --glass-bg-light: rgba(255, 255, 255, 0.94);
  --glass-border-light: rgba(255, 255, 255, 0.8);

  /* --- Typography Scale & Colors --- */
  --font-heading: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'Space Grotesk', monospace;

  --text-main: #334155;
  --text-heading: #0A142F;
  --text-muted: #64748B;
  --text-light: #94A3B8;
  --text-white: #FFFFFF;

  /* --- Spacing & Layout --- */
  --container-max-width: 1240px;
  --container-narrow-width: 960px;
  --section-padding-y: 85px;
  --section-padding-mobile: 52px;
  --border-radius-sm: 8px;
  --border-radius-md: 14px;
  --border-radius-lg: 20px;
  --border-radius-xl: 26px;
  --border-radius-pill: 9999px;

  /* --- Shadows & Elevation --- */
  --shadow-sm: 0 2px 5px rgba(10, 20, 47, 0.04);
  --shadow-md: 0 6px 18px rgba(10, 20, 47, 0.07), 0 2px 6px rgba(10, 20, 47, 0.03);
  --shadow-lg: 0 14px 34px rgba(10, 20, 47, 0.09), 0 4px 12px rgba(10, 20, 47, 0.04);
  --shadow-xl: 0 25px 50px -10px rgba(10, 20, 47, 0.15), 0 8px 20px -4px rgba(10, 20, 47, 0.06);
  --shadow-card-hover: 0 20px 40px -8px rgba(0, 86, 224, 0.16), 0 8px 16px -4px rgba(10, 20, 47, 0.06);
  --shadow-dark-hover: 0 20px 45px rgba(0, 0, 0, 0.5), 0 0 25px rgba(0, 194, 255, 0.25);

  /* --- Animation Transitions --- */
  --transition-fast: 0.18s ease-in-out;
  --transition-base: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.55s cubic-bezier(0.16, 1, 0.3, 1);
}