/* =============================================================
   SecureLend Risk Intelligence — Design Tokens
   Source: NewDocs/SecLending_UIDesign.html
   ============================================================= */

:root {
  /* ---------- Brand palette ---------- */
  --navy:        #0D2B55;
  --navy-hover:  #0A2044;
  --navy-soft:   #1A3F73;
  --teal:        #0E7C7B;
  --teal-hover:  #0B6968;
  --gold:        #C9A84C;
  --gold-soft:   rgba(201, 168, 76, 0.10);
  --silver:      #F2F4F7;
  --offwhite:    #F8F9FB;
  --white:       #FFFFFF;
  --border:      #E2E8F0;
  --slate:       #64748B;
  --slate-soft:  #CBD5E1;
  --dark-slate:  #1E293B;
  --body-text:   #2C3E50;

  /* ---------- RAG palette ---------- */
  --rag-green:   #00B050;
  --rag-amber:   #FFC000;
  --rag-red:     #FF0000;
  --rag-blue:    #0070C0;

  /* RAG soft fills (for badges in dense tables) */
  --rag-green-soft:  #E6F9EE;
  --rag-amber-soft:  #FFF8E1;
  --rag-red-soft:    #FDECEA;
  --rag-blue-soft:   #E3F2FD;
  --rag-grey-soft:   #F1F5F9;

  --rag-green-text:  #006B2E;
  --rag-amber-text:  #8A6500;
  --rag-red-text:    #B71C1C;
  --rag-blue-text:   #0B4F8A;
  --rag-grey-text:   #64748B;

  /* ---------- Table tints ---------- */
  --table-zebra:  #F7FAFF;
  --table-hover:  #EEF4FB;

  /* ---------- Dashboard chips ---------- */
  --chip-loan-bg:    #DDEEFF;
  --chip-loan-text:  #0B4F8A;
  --chip-borrow-bg:  #FFF2CC;
  --chip-borrow-text:#8A6500;

  /* ---------- Section accents (StockLoan UIFlow palette) ----------
     Each section of the app gets a hue that is applied to KPI card
     left-borders, section headings and inline emphasis. The shell
     (sidebar + topbar) always stays navy/teal. #sectionAccent is the
     active accent, defaulted to teal and overridden below by
     body[data-section="…"]. */
  --accent-loans:      #0EA5E9;
  --accent-borrows:    #7C3AED;
  --accent-locates:    #059669;
  --accent-collateral: #B45309;
  --accent-ops:        #DC2626;
  --accent-risk:       #6D28D9;
  --accent-master:     #64748B;
  --accent-trading:    #0EA5E9;

  /* Soft fills for section-accent pill backgrounds */
  --accent-loans-soft:      rgba(14, 165, 233, 0.10);
  --accent-borrows-soft:    rgba(124, 58, 237, 0.10);
  --accent-locates-soft:    rgba(5, 150, 105, 0.10);
  --accent-collateral-soft: rgba(180, 83, 9, 0.10);
  --accent-ops-soft:        rgba(220, 38, 38, 0.10);
  --accent-risk-soft:       rgba(109, 40, 217, 0.10);
  --accent-master-soft:     rgba(100, 116, 139, 0.10);

  /* Default section accent (overridden per-page via body[data-section]) */
  --section-accent:      var(--teal);
  --section-accent-soft: rgba(14, 124, 123, 0.10);

  /* ---------- Layout ---------- */
  --sidebar-w:       240px;
  --sidebar-w-rail:  64px;
  --topbar-h:        64px;
  --content-max:     1440px;

  /* ---------- Typography ---------- */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;

  --fs-display-xl: 36px;
  --fs-display-lg: 28px;
  --fs-display-md: 22px;
  --fs-h1:         24px;
  --fs-h2:         20px;
  --fs-h3:         16px;
  --fs-body-lg:    15px;
  --fs-body-md:    14px;
  --fs-body-sm:    12px;
  --fs-mono:       13px;

  /* ---------- Spacing scale (4px base) ---------- */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-7:  28px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-14: 56px;
  --space-16: 64px;

  /* ---------- Radii ---------- */
  --radius-sm:    4px;
  --radius-md:    6px;
  --radius-lg:    8px;
  --radius-pill:  12px;
  --radius-chip:  20px;

  /* ---------- Elevation ---------- */
  --shadow-card:    0 1px 3px rgba(0, 0, 0, 0.10), 0 2px 8px rgba(0, 0, 0, 0.06);
  --shadow-popover: 0 4px 12px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.06);
  --shadow-focus-teal: 0 0 0 3px rgba(14, 124, 123, 0.18);
  --shadow-focus-gold: 0 0 0 3px rgba(201, 168, 76, 0.30);
  --shadow-focus-red:  0 0 0 3px rgba(255, 0, 0, 0.10);

  /* ---------- Transition ---------- */
  --t-fast: 0.12s ease;
  --t-base: 0.18s ease;
}

/* ---------- Per-section accent overrides ---------- */
body[data-section="loans"],
body[data-section="trading"],
body[data-section="deals"],
body[data-section="transactions"] {
  --section-accent:      var(--accent-loans);
  --section-accent-soft: var(--accent-loans-soft);
}
body[data-section="borrows"] {
  --section-accent:      var(--accent-borrows);
  --section-accent-soft: var(--accent-borrows-soft);
}
body[data-section="locates"],
body[data-section="inventory"] {
  --section-accent:      var(--accent-locates);
  --section-accent-soft: var(--accent-locates-soft);
}
body[data-section="collateral"] {
  --section-accent:      var(--accent-collateral);
  --section-accent-soft: var(--accent-collateral-soft);
}
body[data-section="operations"],
body[data-section="ops"] {
  --section-accent:      var(--accent-ops);
  --section-accent-soft: var(--accent-ops-soft);
}
body[data-section="risk"],
body[data-section="reports"] {
  --section-accent:      var(--accent-risk);
  --section-accent-soft: var(--accent-risk-soft);
}
body[data-section="master"] {
  --section-accent:      var(--accent-master);
  --section-accent-soft: var(--accent-master-soft);
}