/* =========================================================
   NAVYUG TECHNOLOGY — DESIGN TOKENS
   रंग, spacing, radius, shadow, type-scale — सब यहीं से
   ========================================================= */

:root {
  /* ---------- BRAND COLORS ---------- */
  --nt-blue:        #0A4DFF;
  --nt-blue-600:    #0940D6;
  --nt-blue-soft:   rgba(10, 77, 255, .10);
  --nt-accent:      #6C63FF;
  --nt-success:     #00C853;
  --nt-ink:         #111111;
  --nt-white:       #FFFFFF;

  /* ---------- SURFACES ---------- */
  --nt-bg:          #FFFFFF;
  --nt-bg-alt:      #F6F8FC;   /* हल्का नीला-ग्रे section background */
  --nt-bg-dark:     #0B0D12;   /* dark sections */
  --nt-bg-dark-2:   #14171F;
  --nt-line:        #E6EAF2;
  --nt-line-dark:   rgba(255,255,255,.10);

  /* ---------- TEXT ---------- */
  --nt-text:        #111111;
  --nt-text-2:      #4A5468;
  --nt-text-3:      #7C879B;
  --nt-text-on-dark:      #FFFFFF;
  --nt-text-on-dark-2:    rgba(255,255,255,.68);

  /* ---------- GLASS ---------- */
  --nt-glass:       rgba(255,255,255,.72);
  --nt-glass-dark:  rgba(255,255,255,.06);
  --nt-blur:        saturate(180%) blur(18px);

  /* ---------- RADIUS ---------- */
  --r-sm:  10px;
  --r-md:  16px;
  --r-lg:  24px;
  --r-xl:  32px;
  --r-pill: 999px;

  /* ---------- SHADOWS ---------- */
  --sh-xs: 0 1px 2px rgba(17,17,17,.06);
  --sh-sm: 0 4px 14px rgba(17,17,17,.07);
  --sh-md: 0 12px 32px rgba(17,17,17,.09);
  --sh-lg: 0 28px 70px rgba(17,17,17,.14);
  --sh-blue: 0 14px 34px rgba(10,77,255,.28);

  /* ---------- SPACING ---------- */
  --s-1: 4px;   --s-2: 8px;   --s-3: 12px;  --s-4: 16px;
  --s-5: 24px;  --s-6: 32px;  --s-7: 48px;  --s-8: 64px;
  --s-9: 96px;  --s-10: 128px;

  /* section का ऊपर-नीचे का padding (mobile पर अपने आप घटता है) */
  --section-y: clamp(56px, 8vw, 120px);
  --container: 1200px;

  /* ---------- TYPOGRAPHY ---------- */
  --font-display: 'Sora', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'Courier New', monospace;

  --fs-eyebrow: .78rem;
  --fs-small:   .875rem;
  --fs-body:    1rem;
  --fs-lead:    clamp(1.05rem, 1.6vw, 1.25rem);
  --fs-h4:      clamp(1.1rem, 1.6vw, 1.35rem);
  --fs-h3:      clamp(1.35rem, 2.2vw, 1.75rem);
  --fs-h2:      clamp(1.8rem, 3.4vw, 2.6rem);
  --fs-h1:      clamp(2.05rem, 3.9vw, 3.05rem);

  --lh-tight: 1.06;
  --lh-snug:  1.25;
  --lh-body:  1.7;

  --tr-fast: .18s cubic-bezier(.4,0,.2,1);
  --tr-med:  .32s cubic-bezier(.4,0,.2,1);
  --tr-slow: .6s  cubic-bezier(.22,1,.36,1);

  --z-nav: 1000;
  --z-modal: 1100;
}