/*
 * Design tokens for the web panel.
 *
 * gnexus-ui-kit's kit.css hardcodes its Tokyo Night palette (no custom
 * properties), so these tokens mirror the values extracted from kit.css.
 * Everything outside the kit (cards, context rows, selects, the extension
 * overlay via the same --color-* names) reads them from here instead of
 * repeating raw hex values.
 */
:root {
  /* background & surfaces */
  --ltt-bg: #16161e;
  --ltt-surface: #1f2335;
  --ltt-surface-raised: #24283b;
  --ltt-surface-sunken: #10121c;

  /* borders */
  --ltt-border: rgba(192, 202, 245, 0.24);
  --ltt-border-strong: #2f334d;

  /* text */
  --ltt-text: #c0caf5;
  --ltt-text-bright: #a9b1d6;
  --ltt-text-dim: #787c99;

  /* accents (kit variants) */
  --ltt-accent: #7aa2f7;
  --ltt-success: #9ece6a;
  --ltt-warning: #e0af68;
  --ltt-danger: #f7768e;
  --ltt-info: #7dcfff;
  --ltt-on-accent: #16161e;

  /*
   * Legacy aliases: @ltt/ui components and the extension overlay style
   * themselves with var(--color-*, fallback). Defining them here keeps the
   * panel and the overlay on one palette.
   */
  --color-bg: var(--ltt-surface-sunken);
  --color-surface: var(--ltt-surface);
  --color-border: var(--ltt-border-strong);
  --color-text: var(--ltt-text);
  --color-text-dim: var(--ltt-text-dim);
  --color-accent: var(--ltt-accent);
  --color-success: var(--ltt-success);
  --color-warning: var(--ltt-warning);
  --color-danger: var(--ltt-danger);
}