/* ============================================================
   DukaanKit Platform Design Tokens — v1
   Shared by every module (POS, CRM, Construction, ERP).
   Include:  <link rel="stylesheet"
              href="https://dukaankit.in/platform/dukaankit-tokens.css">
   Modules style with var(--dk-*) so the whole platform reads
   as one product. Do NOT fork these values into module code.
   ============================================================ */

:root {
  /* Brand */
  --dk-brand:        #14B8A6;   /* teal — primary actions, links, accents */
  --dk-brand-dark:   #0D9488;   /* hover / pressed */
  --dk-brand-tint:   #F0FDFA;   /* subtle brand backgrounds */

  /* Dark surfaces (marketing heroes, dark UI) */
  --dk-ink:          #0F172A;   /* darkest */
  --dk-ink-2:        #1E293B;
  --dk-ink-teal:     #0D4C47;   /* gradient end */
  --dk-gradient:     linear-gradient(135deg, #0F172A 0%, #1E293B 55%, #0D4C47 100%);

  /* Warm stone neutrals (app UI) */
  --dk-stone-50:     #FAFAF9;
  --dk-stone-200:    #E7E5E4;
  --dk-stone-500:    #78716C;
  --dk-stone-900:    #1C1917;

  /* Semantics */
  --dk-success:      #10B981;   /* money in, paid */
  --dk-danger:       #F87171;   /* money out, unpaid, destructive */
  --dk-warning:      #F59E0B;   /* limits, grace period */

  /* Type */
  --dk-font-display: 'Space Grotesk', system-ui, sans-serif;
  --dk-font-body:    'Inter', system-ui, sans-serif;

  /* Shape & elevation */
  --dk-radius:       12px;
  --dk-radius-lg:    20px;
  --dk-shadow:       0 4px 24px rgba(15, 23, 42, 0.08);
  --dk-shadow-lg:    0 12px 48px rgba(15, 23, 42, 0.16);
}