/* ============================================
   Ganga Enterprises — Design Tokens
   Matching Ganga Enterprises Logo & Branding
   ============================================ */

:root {
  /* ── COLOR PALETTE (Ganga Enterprises Logo Match) ── */
  --color-primary: #0284c7;
  --color-primary-dark: #0369a1;
  --color-primary-light: #38bdf8;
  --color-accent: #10b981;
  --color-accent-dark: #059669;
  --color-accent-light: #34d399;
  --color-highlight: #06b6d4;
  --color-highlight-light: #67e8f9;
  --color-orange: #ea580c;
  --color-orange-dark: #c2410c;
  --color-red: #e11d48;
  --color-yellow: #f59e0b;
  --color-gold: #d97706;

  /* Neutrals */
  --color-white: #ffffff;
  --color-off-white: #f8fafc;
  --color-light-gray: #f1f5f9;
  --color-gray-100: #e2e8f0;
  --color-gray-200: #cbd5e1;
  --color-gray-300: #94a3b8;
  --color-gray-400: #64748b;
  --color-gray-500: #475569;
  --color-dark: #0f172a;
  --color-darker: #090d16;
  --color-darkest: #030712;

  /* ── GRADIENTS (Logo-Inspired) ── */
  --gradient-primary: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);
  --gradient-accent: linear-gradient(135deg, #10b981 0%, #059669 100%);
  --gradient-orange: linear-gradient(135deg, #ea580c 0%, #f59e0b 100%);
  --gradient-rainbow: linear-gradient(135deg, #0284c7 0%, #10b981 33%, #ea580c 66%, #e11d48 100%);
  --gradient-hero: linear-gradient(135deg, #0f172a 0%, #0369a1 40%, #0284c7 100%);
  --gradient-hero-overlay: linear-gradient(180deg, rgba(15,23,42,0.88) 0%, rgba(3,105,161,0.75) 50%, rgba(15,23,42,0.92) 100%);
  --gradient-teal-green: linear-gradient(135deg, #0284c7 0%, #10b981 100%);
  --gradient-highlight: linear-gradient(135deg, #06b6d4 0%, #38bdf8 100%);
  --gradient-card-shine: linear-gradient(135deg, rgba(2,132,199,0.08) 0%, rgba(16,185,129,0.05) 100%);
  --gradient-text: linear-gradient(135deg, #0284c7 0%, #10b981 35%, #ea580c 70%, #e11d48 100%);

  /* ── TYPOGRAPHY ── */
  --font-heading: 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Inter', 'Open Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Font Sizes */
  --fs-display: clamp(2.25rem, 5vw, 3.5rem);
  --fs-h1: clamp(2rem, 4vw, 3rem);
  --fs-h2: clamp(1.5rem, 3vw, 2.25rem);
  --fs-h3: clamp(1.25rem, 2.5vw, 1.75rem);
  --fs-h4: 1.25rem;
  --fs-h5: 1.125rem;
  --fs-h6: 1rem;
  --fs-body-lg: 1.125rem;
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-xs: 0.75rem;

  /* Font Weights */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extrabold: 800;

  /* Line Heights */
  --lh-tight: 1.2;
  --lh-normal: 1.6;
  --lh-relaxed: 1.8;

  /* ── SPACING ── */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;

  /* ── BORDER & RADIUS ── */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 15px;
  --radius-xl: 20px;
  --radius-full: 50px;
  --border-card: 4px solid var(--color-primary);
  --border-card-accent: 4px solid var(--color-accent);

  /* ── SHADOWS ── */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.1);
  --shadow-lg: 0 8px 30px rgba(0,0,0,0.12);
  --shadow-xl: 0 20px 50px rgba(0,0,0,0.15);
  --shadow-card: 0 4px 20px rgba(21,90,126,0.1);
  --shadow-card-hover: 0 12px 40px rgba(21,90,126,0.2);
  --shadow-glow-teal: 0 0 25px rgba(21,90,126,0.3);
  --shadow-glow-green: 0 0 25px rgba(80,170,84,0.3);
  --shadow-glow-highlight: 0 0 25px rgba(140,219,215,0.3);

  /* ── GLASS ── */
  --glass-bg: rgba(255,255,255,0.12);
  --glass-bg-light: rgba(255,255,255,0.18);
  --glass-border: rgba(255,255,255,0.15);
  --glass-blur: 16px;

  /* ── LAYOUT ── */
  --container-max: 1300px;
  --container-padding: clamp(1rem, 3vw, 2rem);
  --section-padding: clamp(3rem, 7vw, 5rem);
  --header-top-height: 45px;
  --header-nav-height: 72px;
  --header-total-height: calc(var(--header-top-height) + var(--header-nav-height));

  /* ── Z-INDEX ── */
  --z-sticky: 100;
  --z-fixed: 1000;
  --z-modal-backdrop: 1040;
  --z-modal: 1050;
  --z-whatsapp: 1060;
  --z-mobile-cta: 1070;

  /* ── TRANSITIONS ── */
  --duration-fast: 0.2s;
  --duration-normal: 0.35s;
  --duration-slow: 0.6s;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}