/* =======================================================
   tokens.css — Design tokens
   Giữ nguyên palette từ Launcher Hub để đồng bộ thương hiệu.
   ======================================================= */
:root {
  --bg:          #0b0b0f;
  --surface:     #111116;
  --surface2:    #18181f;
  --surface3:    #1f1f28;
  --border:      #242430;
  --border-hi:   #353545;

  --accent:      #f59e0b;
  --accent-glow: rgba(245,158,11,0.15);
  --accent-dim:  rgba(245,158,11,0.08);

  --text:        #dddde8;
  --text-muted:  #707088;
  --text-dim:    #40404e;

  --green:       #22c55e;
  --green-dim:   rgba(34,197,94,0.12);
  --red:         #ef4444;
  --red-dim:     rgba(239,68,68,0.12);
  --blue:        #60a5fa;
  --blue-dim:    rgba(96,165,250,0.12);
  --orange:      #fb923c;
  --purple:      #a78bfa;
  --purple-dim:  rgba(167,139,250,0.12);

  --mono: 'JetBrains Mono', 'Fira Code', monospace;
  --sans: 'Sora', system-ui, sans-serif;

  --r:    8px;
  --r-sm: 4px;
  --r-lg: 12px;
  --r-xl: 16px;

  --transition: 0.18s ease;

  /* Chiều rộng sidebar */
  --sidebar-w: 220px;
}