:root {
  --color-bg:          #0d0d0d;
  --color-surface:     #1a1a1a;
  --color-surface-2:   #242424;
  --color-border:      #2e2e2e;
  --color-accent:      #2563eb;
  --color-accent-hover:#1d4ed8;
  --color-text:        #f0f0f0;
  --color-text-muted:  #888888;
  --color-success:     #16a34a;
  --color-danger:      #dc2626;
  --color-warning:     #d97706;

  --radius-sm:  6px;
  --radius-md:  12px;
  --radius-lg:  20px;

  --sidebar-width: 280px;
  --header-height: 52px;

  --shadow-sm: 0 1px 3px rgba(0,0,0,.4);
  --shadow-md: 0 4px 12px rgba(0,0,0,.5);
}