:root {
  /* Backgrounds */
  --bg-base:      #1e1e1e;
  --bg-surface:   #232323;
  --bg-elevated:  #262626;
  --bg-muted:     #2a2a2a;
  --bg-hover:     #303030;
  --bg-active:    #363636;

  /* Borders */
  --border:       #2f2f2f;
  --border-muted: #272727;
  --tree-line:    #2f2f2f;

  /* Text */
  --text-primary:   #d4d4d4;
  --text-secondary: #a6a6a6;
  --text-muted:     #808080;
  --icon-color:     #9c9c9c;

  /* Accent */
  --accent:       #8ab4f8;
  --accent-dark:  #5c8fe6;
  --accent-bg:    rgba(138, 180, 248, 0.12);
  --accent-border: rgba(138, 180, 248, 0.22);

  /* Status */
  --green:        #84c28a;
  --green-bg:     rgba(132, 194, 138, 0.12);
  --green-border: rgba(132, 194, 138, 0.22);

  --red:          #cf8f8f;
  --red-bg:       rgba(207, 143, 143, 0.12);
  --red-border:   rgba(207, 143, 143, 0.22);

  --yellow:       #c8b16b;
  --yellow-bg:    rgba(200, 177, 107, 0.12);
  --yellow-border: rgba(200, 177, 107, 0.22);

  --purple:       #9a8fcf;
  --purple-bg:    rgba(154, 143, 207, 0.12);

  --orange:       #c69467;
  --orange-bg:    rgba(198, 148, 103, 0.12);
  --orange-border: rgba(198, 148, 103, 0.22);

  /* Sizing */
  --sidebar-width: 252px;
  --radius-sm:  6px;
  --radius:     10px;
  --radius-lg:  14px;

  /* Shadows */
  --shadow:     none;
  --shadow-lg:  none;

  /* Transitions */
  --transition: 180ms ease;
}