/* ============================================================
   FİNAPSİS — Design Tokens
   Dark-first · near-black cool · lime signature
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root{
  /* ---- Surfaces: near-black, faint teal undertone ---- */
  --bg-0:#0a0c0c;     /* app canvas (deepest)            */
  --bg-1:#0f1413;     /* panel / card surface            */
  --bg-2:#141a18;     /* raised / row-hover              */
  --bg-3:#0c100f;     /* inset / input well              */
  --bg-elev:#171e1c;  /* floating overlay                */
  --bg-sidebar:#0c0f0e;

  /* ---- Hairline borders ---- */
  --border-subtle:#1b211f;
  --border:#252d2a;
  --border-strong:#33403b;

  /* ---- Text ramp ---- */
  --text-hi:#eaefed;   /* headings / key values          */
  --text:#b3bdb9;      /* body                           */
  --text-mid:#8b9692;  /* secondary                      */
  --text-lo:#69736f;   /* micro-labels / muted           */
  --text-dim:#49534f;  /* disabled                       */

  /* ---- Signature accent (lime) — interaction & selection ONLY ---- */
  --accent:#c2f50e;
  --accent-hi:#d4ff45;
  --accent-press:#a9da00;
  --accent-soft:rgba(194,245,14,.13);
  --accent-line:rgba(194,245,14,.32);
  --on-accent:#0a0c0c;

  /* ---- Semantic — reserved for DATA ---- */
  --up:#2ecf8c;        --up-soft:rgba(46,207,140,.13);
  --down:#ec5b58;      --down-soft:rgba(236,91,88,.13);
  --warn:#f2b13c;      --warn-soft:rgba(242,177,60,.13);
  --info:#6fa8c9;      --info-soft:rgba(111,168,201,.12);

  /* heatmap (correlation / compare) */
  --heat-pos:rgba(46,207,140,.18);
  --heat-pos-2:rgba(46,207,140,.34);
  --heat-neg:rgba(236,91,88,.16);
  --heat-neg-2:rgba(236,91,88,.30);

  /* ---- Type ---- */
  --font-sans:"IBM Plex Sans",system-ui,-apple-system,Segoe UI,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  --fs-display:28px; --fs-h1:21px; --fs-h2:17px; --fs-h3:14px;
  --fs-body:14px;    --fs-sm:13px; --fs-xs:12px; --fs-micro:11px;
  --fs-kpi:24px;     --fs-num:13px;

  /* ---- Radius (base 8) ---- */
  --r-xs:4px; --r-sm:6px; --r-md:8px; --r-lg:10px; --r-xl:14px; --r-pill:999px;

  /* ---- Spacing (4px grid) ---- */
  --s-1:2px; --s-2:4px; --s-3:6px; --s-4:8px; --s-5:12px; --s-6:16px;
  --s-7:20px; --s-8:24px; --s-9:32px; --s-10:40px; --s-11:48px; --s-12:64px;

  /* ---- Elevation: flat surfaces; only overlays float ---- */
  --shadow-overlay:0 24px 50px -18px rgba(0,0,0,.72);
  --ring-focus:0 0 0 2px var(--bg-0), 0 0 0 4px var(--accent-line);

  /* ---- Layout ---- */
  --sidebar-w:248px;
  --sidebar-w-collapsed:64px;
  --topbar-h:60px;
  --side-user-area-h:70px;
  --row-h:46px;          /* balanced density */
  --row-h-compact:38px;
  --maxw:1320px;
}