/* TradeGeek — design tokens
   Paleta: ciemny, zielono-miętowy „profit" vibe. */
:root {
  /* ── Tła / powierzchnie ── */
  --tg-bg-0:   #080d0b;  /* tło strony */
  --tg-bg-1:   #0c1411;  /* pasek nawigacji / panele */
  --tg-card:   #101a16;  /* karta */
  --tg-card-2: #13211b;  /* karta hover / zagnieżdżona */

  /* ── Obramowania / linie ── */
  --tg-line:   rgba(173, 230, 207, 0.10);
  --tg-line-2: rgba(173, 230, 207, 0.06);

  /* ── Akcent miętowy (profit) ── */
  --tg-mint:     #3ce0a3;
  --tg-mint-hi:  #5bf0bb;
  --tg-mint-dim: #1d6f53;
  --tg-glow:     rgba(60, 224, 163, 0.30);
  --tg-on-mint:  #04140d;  /* tekst na pełnym miętowym tle */

  /* ── Tekst ── */
  --tg-txt:   #e6f1ec;  /* główny */
  --tg-txt-2: #8ba097;  /* drugorzędny */
  --tg-txt-3: #566860;  /* wygaszony / podpisy */

  /* ── Stany / semantyka ── */
  --tg-loss:     #ff5d6c;  /* strata / sell / short */
  --tg-loss-dim: #7a2630;
  --tg-amber:     #f2b134; /* ostrzeżenie / tryb paper */
  --tg-amber-dim: #6b4e12;
  --tg-blue:      #5aa9ff;

  /* ── Typografia ── */
  --tg-font-display: 'Space Grotesk', system-ui, sans-serif; /* nagłówki, symbole, wordmark */
  --tg-font-sans:    'Hanken Grotesk', system-ui, sans-serif; /* UI, teksty */
  --tg-font-mono:    'JetBrains Mono', monospace;             /* WSZYSTKIE liczby/dane */

  /* ── Promienie ── */
  --tg-r-sm: 8px;
  --tg-r-md: 12px;
  --tg-r-lg: 16px;   /* karty */
  --tg-r-xl: 20px;

  /* ── Odstępy (skala 4px) ── */
  --tg-sp-1: 4px;  --tg-sp-2: 8px;  --tg-sp-3: 12px;
  --tg-sp-4: 16px; --tg-sp-5: 20px; --tg-sp-6: 24px; --tg-sp-8: 32px;

  /* ── Cienie ── */
  --tg-shadow-card: 0 1px 3px rgba(0,0,0,.08), 0 4px 16px rgba(0,0,0,.06);
  --tg-shadow-pop:  0 18px 50px rgba(0,0,0,.45);
}