/* ============================================================
   INFOBRIDGEINDIA â€” Design Tokens
   Premium business platform design system.
   Font strategy: no external font downloads are available in this
   environment, so we use a carefully tuned native system-font stack
   (the same approach used by many premium desktop-grade products).
   A tabular monospace stack is used specifically for financial figures.
   ============================================================ */

:root {
  /* ---- Ink (primary neutral / brand-dark) ---- */
  --ink-950: #0A0F1A;
  --ink-900: #0E1526;
  --ink-800: #151F35;
  --ink-700: #1E293D;
  --ink-600: #2C394D;
  --ink-500: #475467;
  --ink-400: #667085;
  --ink-300: #94A0B4;

  /* ---- Surface (neutral light) ---- */
  --surface-0: #FFFFFF;
  --surface-50: #F8F9FB;
  --surface-100: #F1F3F7;
  --surface-200: #E7EAF0;
  --border: #E2E5EC;
  --border-strong: #CBD1DC;

  /* ---- Brand accent: deep emerald (trust, ledgers, growth) ---- */
  --brand-800: #073F37;
  --brand-700: #0A5A4D;
  --brand-600: #0D7C68;
  --brand-500: #129C84;
  --brand-400: #3BB39D;
  --brand-100: #DEF2ED;
  --brand-50:  #F1FAF7;

  /* ---- Reserve accent: warm gold (used sparingly for premium emphasis) ---- */
  --gold-700: #8A6314;
  --gold-600: #A9791C;
  --gold-500: #C08829;
  --gold-100: #F7EDD8;
  --gold-50:  #FBF6EC;

  /* ---- Semantic ---- */
  --success-700: #0F6B3F;
  --success-600: #16814D;
  --success-100: #DFF3E7;
  --warning-700: #8A5A0B;
  --warning-600: #A76F0E;
  --warning-100: #FBEBD4;
  --danger-700:  #96261E;
  --danger-600:  #B3352C;
  --danger-100:  #FBE3E1;
  --info-700:    #1D4E8C;
  --info-600:    #2564AC;
  --info-100:    #E2ECFA;

  /* ---- Typography ---- */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Segoe UI Variable", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: "SF Mono", "Cascadia Mono", "Cascadia Code", "Roboto Mono", Consolas, "Liberation Mono", monospace;

  --fs-11: 0.6875rem;
  --fs-12: 0.75rem;
  --fs-13: 0.8125rem;
  --fs-14: 0.875rem;
  --fs-15: 0.9375rem;
  --fs-16: 1rem;
  --fs-18: 1.125rem;
  --fs-20: 1.25rem;
  --fs-24: 1.5rem;
  --fs-28: 1.75rem;
  --fs-32: 2rem;
  --fs-40: 2.5rem;
  --fs-48: 3rem;
  --fs-60: 3.75rem;

  --lh-tight: 1.15;
  --lh-snug: 1.32;
  --lh-normal: 1.55;
  --lh-relaxed: 1.7;

  /* ---- Spacing ---- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;
  --sp-20: 80px;
  --sp-24: 96px;
  --sp-32: 128px;

  /* ---- Radius (kept modest â€” this is financial software, not a toy app) ---- */
  --r-sm: 5px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-pill: 999px;

  /* ---- Shadow (very restrained; depth mostly via borders) ---- */
  --shadow-xs: 0 1px 2px rgba(10, 15, 26, 0.05);
  --shadow-sm: 0 1px 3px rgba(10, 15, 26, 0.07), 0 1px 2px rgba(10, 15, 26, 0.04);
  --shadow-md: 0 4px 16px rgba(10, 15, 26, 0.08), 0 1px 2px rgba(10, 15, 26, 0.04);
  --shadow-lg: 0 12px 32px rgba(10, 15, 26, 0.12), 0 2px 6px rgba(10, 15, 26, 0.06);
  --shadow-ring: 0 0 0 3px rgba(13, 124, 104, 0.18);

  /* ---- Layout ---- */
  --container-max: 1240px;
  --header-h: 68px;
  --sidebar-w: 248px;
  --sidebar-w-collapsed: 72px;

  /* ---- Motion ---- */
  --ease: cubic-bezier(0.2, 0.7, 0.3, 1);
  --dur-fast: 120ms;
  --dur-base: 200ms;
  --dur-slow: 320ms;
}
