/* The Trading Vault — Color System
   Monochrome, dark-first. White appears only as light, highlights, type, reflections.
   Red/green are CONTROLLED chart accents — UI charts only, never decoration. */

:root {
  /* ---- Base scale (vault) ---- */
  --vault-void:          #08080a; /* App background (near-black) */
  --vault-bg:            #0d0d10; /* Section background */
  --vault-surface:       #121215; /* Cards, panels */
  --vault-surface-raised:#16161a; /* Raised / hover surfaces */
  --vault-line:          #26262c; /* Borders, dividers */
  --vault-line-soft:     #1c1c21; /* Subtle hairlines */

  --vault-ink:           #f4f4f5; /* Headings, white highlights */
  --vault-ink-2:         #b7b7be; /* Body text (silver grey) */
  --vault-ink-3:         #76767e; /* Secondary text (smoke grey) */
  --vault-ink-4:         #4a4a52; /* Muted labels, numerals (graphite) */

  --vault-beam:          rgba(255,255,255,.06); /* Light-beam gradients */

  /* ---- Controlled chart accents (UI charts only) ---- */
  --chart-green:         #5b8a6f; /* Bullish candles / up moves */
  --chart-red:           #9a4b45; /* Bearish candles / down moves */
  --chart-green-soft:    rgba(91,138,111,.16);
  --chart-red-soft:      rgba(154,75,69,.16);

  /* ---- Semantic aliases ---- */
  --bg-app:              var(--vault-void);
  --bg-section:          var(--vault-bg);
  --surface-card:        var(--vault-surface);
  --surface-raised:      var(--vault-surface-raised);
  --surface-glass:       rgba(18,18,21,.62);

  --border-hairline:     var(--vault-line-soft);
  --border-default:      var(--vault-line);
  --border-strong:       var(--vault-ink-4);

  --text-heading:        var(--vault-ink);
  --text-body:           var(--vault-ink-2);
  --text-muted:          var(--vault-ink-3);
  --text-faint:          var(--vault-ink-4);
  --text-on-light:       var(--vault-void);

  --accent-up:           var(--chart-green);
  --accent-down:         var(--chart-red);

  /* Interaction tints */
  --tint-hover:          rgba(255,255,255,.04);
  --tint-press:          rgba(0,0,0,.30);
  --focus-ring:          var(--vault-ink-3);
}