/* ============ ROBIN TERMINAL — DESIGN TOKENS ============ */
/* Blok bazowy 1:1 ze specyfikacji (pkt. 3) — nie edytować ręcznie. */
:root {
  /* tła */
  --bg: #060606;            /* strona */
  --surface: #0a0a09;       /* karty */
  --surface-2: #141413;     /* inputy, hover wierszy */
  --popover: #0d0d0c;       /* dropdowny, menu, popovery */
  --track: #1c1c1a;         /* tory pasków postępu */
  --border: rgba(255,255,255,.08);
  --border-strong: rgba(255,255,255,.14);
  /* tekst — drabinka */
  --text: #f2f2ee;
  --text-soft: #e8e8e2;
  --text-2: #9a9a92;
  --text-dim: #6b6b64;
  --text-3: #55554f;
  /* akcent volt */
  --accent: #ccff00;
  --accent-2: #e3ff66;      /* hover/rozjaśnienie */
  --accent-deep: #5a7000;   /* start gradientów pasków */
  --accent-ink: #0b0b0a;    /* ciemny tekst NA akcencie */
  --accent-dim: rgba(204,255,0,.14);  /* tła badge/glow */
  /* semantyka rynku — UWAGA: wzrosty/buys = volt, nie zielony */
  --up: #ccff00;
  --down: #ff4d5e;
  --down-2: #ff5c6a;
  --good: #ccff00;
  --bad: #ff4d5e;
  --warn: #ffd34d;          /* status Final Stretch */
  --gold: #ffd34d;
  /* pulse/badge */
  --pulse-up-bg: rgba(204,255,0,.14);
  --pulse-down-bg: rgba(255,77,94,.14);
  --badge-new-bg: rgba(204,255,0,.14);
  --badge-new-fg: #ccff00;
  /* wykres */
  --chart-grid: rgba(255,255,255,.06);
  --chart-candle-up: #ccff00;
  --chart-candle-down: #ff4d5e;
  --chart-vol-alpha: 0.35;
  --chart-axis: #55554f;
  --chart-cross: rgba(255,255,255,.35);
  --chart-last: #e3ff66;
  /* geometria i typografia */
  --radius-xs: 10px; --radius: 16px; --radius-md: 18px;
  --row-h: 36px; --row-h-touch: 44px;
  --t-font-size: 12px; --t-data-size: 11px; --t-head-size: 9.5px;
  --font-ui: 'Instrument Sans', sans-serif;
  --font-data: 'JetBrains Mono', monospace;
  --t-gap: 8px; --topbar-h: 56px;
  --z-popover: 30; --z-modal: 40; --z-toast: 50;
}
/* Tokeny rozszerzone — kolory obecnego designu nieujęte w bloku bazowym.
   (zasada: brakuje koloru → nowy token, nigdy hex w layoucie) */
:root {
  --bg-deep: #040404;         /* pasek tickera */
  --panel: #080808;           /* karty kroków na landingu */
  --surface-3: #101010;       /* pole search w topbarze */
  --chip: #161615;            /* pigułki tokenów w swapie */
  --avatar-bg: #111110;       /* tło pod logo tokena / audit chip */
  --dot-dim: #2a2a27;         /* kropki "okna przeglądarki" */
  --text-mid: #8a8a85;        /* nagłówki tabel, tekst informacyjny drugorzędny */
  --input-bg: #141413;        /* jedno tło wszystkich inputów (wyjątek: amount-box/qb = --popover) */
  --scrollbar: var(--track);
  --tabbar-h: calc(58px + env(safe-area-inset-bottom)); /* dolny tab bar (mobile) */
  --info: var(--migrated);
  --ink-2: #c9c9c2;           /* dane drugorzędne */
  --migrated: #7dd3fc;        /* kropka kolumny Migrated */
  --border-soft: rgba(255,255,255,.05);
  --border-faint: rgba(255,255,255,.04);
  --border-mid: rgba(255,255,255,.1);
  --border-12: rgba(255,255,255,.12);
  --accent-border: rgba(204,255,0,.4);
  --accent-border-soft: rgba(204,255,0,.35);
  --accent-border-dim: rgba(204,255,0,.22);
  --accent-glow-08: rgba(204,255,0,.08);
  --accent-glow-12: rgba(204,255,0,.12);
  --accent-bg-05: rgba(204,255,0,.05);
  --accent-bg-07: rgba(204,255,0,.07);
  --accent-bg-10: rgba(204,255,0,.1);
  --flash-up: rgba(204,255,0,.07);
  --flash-down: rgba(255,77,94,.07);
  --down-bg-07: rgba(255,77,94,.07);
  --eth-a: #8a92b2; --eth-b: #454a75; /* gradient znacznika ETH */
  --shadow-pop: 0 18px 50px rgba(0,0,0,.7);
  --shadow-card: 0 24px 70px rgba(0,0,0,.5);
  --scrim: rgba(0,0,0,.55);
}