/* ============================================================
   TANK'S TRADING DESK — Colour tokens
   Cool slate neutrals carry ~90% of every surface.
   One slate-blue accent (~3%) marks state. Earthy, never-neon
   gain/loss semantics. If a layout looks colourful, remove accent.
   ============================================================ */

:root {
  /* ---- Core neutrals (cool, not warm, not clinical-cold) ---- */
  --surface:   #FBFBFC;  /* lightest UI surface             */
  --paper:     #F2F4F6;  /* default canvas                  */
  --paper-2:   #E9ECEF;  /* secondary surface               */
  --stone:     #D9DDE2;  /* dividers / muted fills          */
  --ink:       #1F2937;  /* primary text                    */
  --ink-deep:  #111827;  /* headlines / max contrast        */
  --carbon:    #131722;  /* dark "desk" surface · TradingView-native */
  --carbon-2:  #1E222D;  /* dark raised panel  · TradingView-native */

  /* ---- Cool grey ramp 10 -> 95 ---- */
  --g-10: #111827;  --g-20: #1F2937;  --g-30: #2A323F;  --g-40: #3F4856;
  --g-50: #5A6473;  --g-60: #7A8290;  --g-70: #9CA3AE;  --g-80: #C2C7CE;
  --g-90: #E1E4E8;  --g-95: #F0F2F4;

  --soft:   #6B7280;  /* secondary text   */
  --muted:  #98A0AD;  /* tertiary / hints */
  --border:    #E3E6EA;  /* hairline on light */
  --border-dk: #2A2E39;  /* hairline on dark · TradingView-native */

  /* ---- Signal accent: slate-blue (use sparingly, marks state) ---- */
  --accent:      #4B5E8E;
  --accent-deep: #3C4D78;
  --accent-soft: #E7EBF3;
  --accent-lite: #8197CE;  /* accent on dark surfaces */

  /* ---- Semantics: quiet, earthy, NEVER neon ---- */
  --gain:      #3F7A4F;  --gain-soft: #E6EEE8;
  --loss:      #A14A47;  --loss-soft: #F1E3E1;
  --gain-dk:   #69B083;  --loss-dk:   #CC7A6C;  /* on dark surfaces */

  /* ========================================================
     SEMANTIC ALIASES — prefer these in components
     ======================================================== */

  /* Text */
  --text-strong:   var(--ink-deep);   /* headlines, max contrast */
  --text-body:     var(--ink);        /* default copy            */
  --text-soft:     var(--soft);       /* secondary               */
  --text-muted:    var(--muted);      /* tertiary / hints        */
  --text-accent:   var(--accent-deep);
  --text-on-dark:  var(--surface);
  --text-on-dark-soft: #B2B5BE;  /* TradingView-native body-on-dark */

  /* Surfaces */
  --surface-page:  var(--paper);      /* default page canvas     */
  --surface-card:  var(--surface);    /* raised card on light    */
  --surface-sunken:var(--paper-2);
  --surface-desk:  var(--carbon);     /* the dark "desk"         */
  --surface-desk-card: var(--carbon-2);

  /* Lines */
  --line:      var(--border);
  --line-dark: var(--border-dk);

  /* State */
  --state-up:        var(--gain);
  --state-up-soft:   var(--gain-soft);
  --state-down:      var(--loss);
  --state-down-soft: var(--loss-soft);
}