/* ============================================================
   iGate Design Tokens — variables.css
   ============================================================ */

:root {
  /* ── Brand Colors ──────────────────────────────────────── */
  --color-bg-primary:        #08090e;
  --color-bg-secondary:      #0c0e15;
  --color-bg-card:           #0f1118;
  --color-bg-card-hover:     #13161f;
  --color-bg-section-alt:    #0a0c12;   /* slightly lighter dark for alternating sections */

  --color-nav-bg:            #000000;

  /* Pillar card gradients */
  --color-pillar-enterprise: linear-gradient(160deg, #1a2a6c 0%, #2d4fc7 60%, #1e3a8a 100%);
  --color-pillar-technology: linear-gradient(160deg, #3b1f6e 0%, #7c3aed 60%, #4f1e8f 100%);
  --color-pillar-infra:      linear-gradient(160deg, #0f4c2a 0%, #16a34a 60%, #14532d 100%);
  --color-pillar-investment: linear-gradient(160deg, #78350f 0%, #d97706 60%, #92400e 100%);

  /* Enterprise section bg */
  --color-enterprise-bg:     #0a0e1a;

  /* Solution cards gradient (from former decorative strip) */
  --color-solution-cards-bg: linear-gradient(135deg, #0a1628 0%, #1a3a8a 45%, #312e81 75%, #1e1b4b 100%);

  /* ── Accent / Interactive ──────────────────────────────── */
  --color-accent-blue:       #2563eb;
  --color-accent-blue-light: #3b82f6;
  --color-accent-purple:     #7c3aed;
  --color-accent-green:      #16a34a;
  --color-accent-amber:      #d97706;
  --color-accent-cyan:       #06b6d4;

  --color-highlight:         #3b82f6;

  /* ── Text ──────────────────────────────────────────────── */
  --color-text-primary:      #ffffff;
  --color-text-secondary:    #94a3b8;
  --color-text-muted:        #4a5568;
  --color-text-label:        rgba(255,255,255,0.35);

  /* ── Borders ───────────────────────────────────────────── */
  --color-border:            rgba(255,255,255,0.07);
  --color-border-card:       rgba(255,255,255,0.10);

  /* ── Typography ────────────────────────────────────────── */
  --font-family:             'Poppins', sans-serif;

  --font-size-xs:            0.75rem;
  --font-size-sm:            0.875rem;
  --font-size-base:          1rem;
  --font-size-lg:            1.125rem;
  --font-size-xl:            1.25rem;
  --font-size-2xl:           1.5rem;
  --font-size-3xl:           1.875rem;
  --font-size-4xl:           2.25rem;
  --font-size-5xl:           3rem;

  /* Max weight is 500 — no bold/extrabold */
  --font-weight-normal:      400;
  --font-weight-medium:      500;
  --font-weight-semibold:    500;  /* capped at 500 */
  --font-weight-bold:        500;  /* capped at 500 */
  --font-weight-extrabold:   500;  /* capped at 500 */

  --line-height-tight:       1.15;
  --line-height-snug:        1.35;
  --line-height-normal:      1.5;
  --line-height-relaxed:     1.65;

  /* ── Spacing ────────────────────────────────────────────── */
  --spacing-section:         4rem;
  --spacing-section-sm:      2.5rem;

  /* ── Border Radius — max 8px ───────────────────────────── */
  --radius-sm:               0.25rem;   /* 4px  */
  --radius-md:               0.375rem;  /* 6px  */
  --radius-lg:               0.5rem;    /* 8px  */
  --radius-xl:               0.5rem;    /* 8px  */
  --radius-2xl:              0.5rem;    /* 8px  */
  --radius-full:             9999px;

  /* ── Shadows ────────────────────────────────────────────── */
  --shadow-card:             0 2px 16px rgba(0,0,0,0.45);
  --shadow-card-hover:       0 6px 32px rgba(0,0,0,0.65);

  /* ── Transitions ────────────────────────────────────────── */
  --transition-fast:         150ms ease;
  --transition-base:         250ms ease;
  --transition-slow:         400ms ease;

  /* ── Z-Index ────────────────────────────────────────────── */
  --z-nav:                   100;
}