/* ═══════════════════════════════════════════════════════
   DBari Corp — Shared Design Tokens v1
   Source of truth for index.html (DBari) and tnj.html (TNJ).
   Load this stylesheet before any other CSS.
   ═══════════════════════════════════════════════════════ */

:root {

  /* ── Neutral palette ─────────────────────────────────
     Warm whites and earthy neutrals shared across both brands.
     DBari uses these for backgrounds and borders.
     TNJ uses these as its primary surface palette.         */
  --color-white:   #FFFFFF;
  --color-cloud:   #FAFAF8;
  --color-warm:    #F5F0E8;
  --color-sand:    #EDE7DC;
  --color-rule:    #E2DCD4;
  --color-ink:     #1A1A1A;
  --color-char:    #3C3835;
  --color-mid:     #6B6460;
  --color-mist:    #A09890;

  /* ── DBari brand ─────────────────────────────────────
     B2B buying house. Professional, trustworthy.          */
  --dbari-green:   #00BE82;
  --dbari-green-d: #009966;
  --dbari-blue:    #0066CC;

  /* ── TNJ sub-brand ───────────────────────────────────
     DTC consumer brand. Warm, organic, premium.           */
  --tnj-amber:     #C4743A;
  --tnj-amber-d:   #AD6330;
  --tnj-forest:    #1C4022;
  --tnj-leaf:      #2A6332;

  /* ── Spacing scale (4 px grid) ───────────────────────
     DBari maps rem spacing onto this scale (×16 for px).
     TNJ uses px directly.
     --space-1 = 4px / --space-2 = 8px / --space-4 = 16px  */
  --space-1:   4px;
  --space-2:   8px;
  --space-3:   12px;
  --space-4:   16px;
  --space-5:   20px;
  --space-6:   24px;
  --space-8:   32px;
  --space-10:  40px;
  --space-12:  48px;
  --space-16:  64px;
  --space-20:  80px;
  --space-24:  96px;

  /* ── Type scale ──────────────────────────────────────
     11 / 12 / 14 / 16 / 18 / 20 / 24 / 30 / 36 / 48
     Use nothing in between — pick the nearest step.       */
  --text-2xs:  11px;
  --text-xs:   12px;
  --text-sm:   14px;
  --text-base: 16px;
  --text-lg:   18px;
  --text-xl:   20px;
  --text-2xl:  24px;
  --text-3xl:  30px;
  --text-4xl:  36px;
  --text-5xl:  48px;

  /* ── Font families ───────────────────────────────────
     DBari: Inter (B2B, dense information).
     TNJ: Plus Jakarta Sans (DTC, expressive).             */
  --font-dbari: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-tnj:   'Plus Jakarta Sans', sans-serif;
  --font-bn:    'Noto Sans Bengali', var(--font-tnj);

  /* ── Border radius ───────────────────────────────────  */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   16px;
  --radius-full: 9999px;

  /* ── Shadows ─────────────────────────────────────────  */
  --shadow-sm:  0 1px 3px rgba(0,0,0,.08);
  --shadow-md:  0 4px 12px rgba(0,0,0,.10);
  --shadow-lg:  0 10px 30px rgba(0,0,0,.12);
  --shadow-xl:  0 20px 50px rgba(0,0,0,.16);

  /* ── Motion ──────────────────────────────────────────  */
  --ease-out:   cubic-bezier(.22,1,.36,1);
  --ease-in:    cubic-bezier(.55,0,1,.45);
  --t-fast:     150ms;
  --t-base:     250ms;
  --t-slow:     400ms;
}