/* ─────────────────────────────────────────────
   tokens.css
   Single source of truth for all design values.
   ───────────────────────────────────────────── */

:root {
  /* Surfaces */
  --surface-base:    #0c0e12;
  --surface-raised:  #111418;
  --surface-overlay: #161b23;
  --surface-subtle:  #1c2130;
  --surface-muted:   #232a38;

  /* Brand */
  --brand:       #4f8ef7;
  --brand-dim:   #3b6fcc;
  --brand-ghost: rgba(79, 142, 247, 0.12);

  /* Semantic */
  --ok:      #3dd68c;
  --warn:    #f5a623;
  --danger:  #f0506e;
  --ok-ghost:   rgba(61, 214, 140, 0.12);
  --warn-ghost: rgba(245, 166, 35, 0.12);

  /* Text */
  --text-primary:   #dde3ed;
  --text-secondary: #7a8799;
  --text-muted:     #3d4a5c;
  --text-inverse:   #0c0e12;

  /* Borders */
  --border-subtle:  rgba(255,255,255,0.05);
  --border-default: rgba(255,255,255,0.09);
  --border-strong:  rgba(255,255,255,0.15);

  /* Syntax (One Dark Pro palette) */
  --syn-keyword:   #c678dd;
  --syn-type:      #e5c07b;
  --syn-fn:        #61afef;
  --syn-string:    #98c379;
  --syn-number:    #d19a66;
  --syn-comment:   #4b5669;
  --syn-operator:  #56b6c2;
  --syn-preproc:   #e06c75;
  --syn-plain:     #abb2bf;

  /* Layout */
  --topbar-h:   44px;
  --sidebar-w:  216px;
  --rightbar-w: 284px;
  --statusbar-h: 22px;

  /* Radius */
  --r-sm: 4px;
  --r-md: 6px;
  --r-lg: 10px;
  --r-xl: 14px;

  /* Typography */
  --font-ui:   'IBM Plex Sans', system-ui, sans-serif;
  --font-code: 'JetBrains Mono', 'Fira Code', monospace;

  /* Transition */
  --ease: 0.14s ease;
}

/* ── Scrollbars ── */
* { scrollbar-width: thin; scrollbar-color: var(--surface-muted) transparent; }
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-thumb { background: var(--surface-muted); border-radius: 3px; }
::-webkit-scrollbar-track { background: transparent; }