:root {
  --color-primary: #f68b1f;
  --color-primary-hover: #ff9d3a;
  --color-primary-soft: #ffd3a6;
  --color-primary-muted: rgba(246, 139, 31, 0.14);
  --color-accent-blue: #4a90d9;
  --color-panel-dark: #3e4452;
  --color-panel-dark-2: #2f3440;
  --color-bg: #1a1e28;
  --color-bg-elevated: rgba(47, 52, 64, 0.92);
  --color-surface: rgba(62, 68, 82, 0.55);
  --color-border: rgba(255, 255, 255, 0.08);
  --color-border-strong: rgba(246, 139, 31, 0.28);
  --color-text: #f0f2f6;
  --color-text-muted: #9aa3b5;
  --color-text-dim: #7a8292;
  --color-success: #22c55e;
  --color-danger: #f87171;

  /* Montserrat: đồng bộ launcher, hỗ trợ tiếng Việt đầy đủ (latin + vietnamese) */
  --font-body: 'Montserrat', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-heading: var(--font-body);

  --font-size-base: 14px;
  --line-height-base: 1.55;
  --letter-spacing-heading: 0.04em;
  --radius-shell: 28px;
  --radius-card: 20px;
  --radius-input: 14px;
  --radius-pill: 999px;
  --shadow-dock: 0 12px 40px rgba(0, 0, 0, 0.35);
  --shadow-card: 0 8px 24px rgba(0, 0, 0, 0.25);
  --sidebar-width: 248px;
  --shell-gap: 16px;
  --topbar-height: 60px;
  --transition: 0.2s ease;

  /* Scrollbar — đồng bộ launcher */
  --scrollbar-size: 8px;
  --scrollbar-thumb: rgba(246, 139, 31, 0.35);
  --scrollbar-thumb-hover: rgba(246, 139, 31, 0.55);
  --scrollbar-track: transparent;
}