:root {
  /* for theming - dark mode */

 --body-background-color: #092737;
  --body-color: #dddddd;
  --gridjs-container: #FFF;
  --headerbdr-color: #fff;
  --headerbdr-shadow: #000;
  --gridjs-th-background: #172A3F;
  --gridjs-th-color: #f9fafb;
  --primary-text-color: #FFF;
  --star-inactive-color: rgb(71, 77, 87);
  --text-subgrey-one: #CCC;
  --text-subgrey-two: #AAA;
  --nonkyc-accent: #4C95D1; /* data-link accent used by inline color:var(--nonkyc-accent) across the grid JS — keep readable-blue. Brand yellow = --main-brand-color. (The root{} blocks in overrides/mainoverrides are dead selectors; this line is the live source.) */
  --nonkyc-orange-two: #ff6;
  --gridjs-td-border-bottom: #555;
  --trade-background-color: rgb(9, 39, 55);
  --trade-text-color: rgba(255, 255, 255, 0.5);
  --trade-tableheader-color: #EEE;
  --trade-buysell-formbg: #172A3F;
  --table-alternate-color: #092737;
  --gridjs-alternate-color: #092737;
  --red: #FF5761;
  --green: #00C186;
  --ptdarkred: red;
  --ptblue: lightblue;
  --ptgreen: lightgreen;
  --ptdarkgoldenrod: goldenrod;
  --ptpurple: lavender;
  --ptdodgerblue: dodgerblue;
  --nav-background-color: #172A3F;
  --nav-color: #fff;
  --nav-logo-color: #EBBE5A;
  --white_color: #fff;
  --list_hover: #272730;
  --primary-toggle: #ffffff;
  --main-brand-color: #ff6;
  --border_color: #4b4b52;
  --nk-blue-card: #1F3651;
  
}