/* CURRENT v2.0 — design tokens for Narain International Impex
   Palette: premium navy & sky-blue, warm off-white surfaces. */

:root{
  /* color */
  --c-sheet:      #FFFFFF;   /* primary field */
  --c-anode:      #F5F8FC;   /* soft blue-tinted section wash */
  --c-hairline:   #E4E9F2;   /* structural divider — never text */
  --c-silicon:    #15254F;   /* navy ink — headings + dark section base */
  --c-graphite:   #5A6478;   /* secondary text */
  --c-current:    #2563C9;   /* interactive: links, focus, form states */
  --c-current-lt: #A9B8D6;   /* secondary/muted text on dark sections */
  --c-copper:     #2563C9;   /* accent on light surfaces (eyebrows, arrows, icons) */
  --c-copper-lt:  #8FD0FF;   /* accent on dark surfaces */
  --c-silicon-2:  rgba(255,255,255,0.06);  /* card well on dark */
  --c-silicon-3:  rgba(255,255,255,0.14);  /* hairline on dark */

  /* type */
  --f-display: 'Poppins', 'Segoe UI', system-ui, sans-serif;
  --f-text:    'Inter', 'Segoe UI', system-ui, sans-serif;
  --f-mono:    'IBM Plex Mono', monospace;

  --fs-d1: clamp(2.25rem, 1.7rem + 1.9vw, 3.4rem);    /* hero H1 */
  --fs-d2: clamp(1.75rem, 1.45rem + 1.3vw, 2.5rem);   /* section H2 */
  --fs-d3: 1.5rem;                                     /* card/subsection H3 */
  --fs-t1: 1.125rem;   /* lead */
  --fs-t2: 1rem;       /* body */
  --fs-t3: 0.875rem;   /* card body / buttons */
  --fs-m1: 0.75rem;    /* eyebrow / title-block */
  --fs-m2: 0.6875rem;  /* fine meta */

  --lh-tight: 1.15;
  --lh-snug: 1.25;
  --lh-normal: 1.6;
  --lh-relaxed: 1.65;

  /* spacing — 8px base unit */
  --sp-1: 0.5rem;   /* 8 */
  --sp-2: 1rem;     /* 16 */
  --sp-3: 1.5rem;   /* 24 */
  --sp-4: 2rem;     /* 32 */
  --sp-5: 3rem;     /* 48 */
  --sp-6: 4rem;     /* 64 */
  --sp-7: 6rem;     /* 96 */
  --sp-8: 8rem;     /* 128 */
  --sp-9: 10rem;    /* 160 */

  /* structure */
  --radius: 14px;
  --radius-pill: 100px;
  --container: 1200px;
  --gutter: 1.5rem;

  /* elevation */
  --shadow-sm: 0 2px 10px rgba(21,37,79,0.07);
  --shadow-md: 0 14px 36px -16px rgba(21,37,79,0.28);
  --shadow-lg: 0 26px 60px -24px rgba(21,37,79,0.38);

  /* motion */
  --dur-fast: 120ms;
  --dur-snap: 160ms;
  --dur-base: 240ms;
  --dur-draw: 600ms;
  --ease: cubic-bezier(0.2, 0, 0, 1);
}

@media (prefers-reduced-motion: reduce){
  :root{ --dur-fast: 0ms; --dur-snap: 0ms; --dur-base: 0ms; --dur-draw: 0ms; }
}