/* hyperliquid (Плутос) — палитра app.hyperliquid.xyz.
   Выверена Дедалом поверх первой прикидки. Три группы:
   - расширенная терминальная палитра (bg-слои, long/short c bg/line) — site.css;
   - site-level алиасы (--bg/--fg/--accent) — совместимость с ядром/скелетом;
   - forge DS (--ds-*) — контролы (кнопки/поля/toast) под teal.
   Тёмная — default; html.light — светлая. */

:root {
  /* — фон: 4 слоя глубины (Дедал) — */
  --bg:          #0b0e0f;   /* база страницы */
  --bg-input:    #0d1113;   /* поля ввода — утоплены */
  --bg-panel:    #101416;   /* панели: стакан, чарт, таблицы */
  --bg-elevated: #161c1f;   /* dropdown, модалки, hover-строка */

  /* — бордеры — */
  --line:        #1b2226;
  --line-strong: #2a3339;

  /* — текст — */
  --fg:     #e8ebed;
  --muted:  #7c8790;
  --faint:  #4a545b;
  --ink:    #e8ebed;

  /* — бренд teal (signature Hyperliquid) — */
  --accent:     #50d2c1;
  --accent-dim: #3a9d92;
  --accent-fg:  #06201d;

  /* — long / short — */
  --long:       #2ebd85;
  --short:      #f0616d;
  --long-bg:    rgba(46,189,133,.12);
  --short-bg:   rgba(240,97,109,.12);
  --long-line:  rgba(46,189,133,.35);
  --short-line: rgba(240,97,109,.35);

  /* — служебные — */
  --warn:    #f5a623;
  --warn-bg: rgba(245,166,35,.12);

  --font:   'Mulish';
  --serif:  var(--font);
  --radius: 4px;
  --gutter: 16px;
  --max-w:  1600px;

  /* — forge design-system (--ds-*) под Hyperliquid — */
  --ds-bg:      #161c1f;
  --ds-ink:     #e8ebed;
  --ds-line:    #2a3339;
  --ds-dim:     #7c8790;
  --ds-info:    #50d2c1;
  --ds-success: #2ebd85;
  --ds-warn:    #f5a623;
  --ds-error:   #f0616d;
  --ds-radius:  4px;
  --ds-font:    'Mulish', system-ui, sans-serif;
  --switch-on:  #2ebd85;
}

/* — светлая — */
html.light {
  --bg:          #f7f9f9;
  --bg-input:    #ffffff;
  --bg-panel:    #ffffff;
  --bg-elevated: #ffffff;
  --line:        #e2e6e4;
  --line-strong: #cdd4d1;
  --fg:     #0f1516;
  --muted:  #5f6c6a;
  --faint:  #9aa4a2;
  --ink:    #0f1516;
  --accent:     #12a594;
  --accent-dim: #0e8578;
  --long:    #0f9d64;
  --short:   #d64550;
  --long-bg:  rgba(15,157,100,.10);
  --short-bg: rgba(214,69,80,.10);
  --long-line:  rgba(15,157,100,.35);
  --short-line: rgba(214,69,80,.35);

  --ds-bg:      #ffffff;
  --ds-ink:     #0f1516;
  --ds-line:    #dfe4e2;
  --ds-dim:     #5f6c6a;
  --ds-info:    #12a594;
  --ds-success: #0f9d64;
  --ds-error:   #d64550;
}