:root {
  /* Background layers */
  --bg-base:     #1e1e2e;
  --bg-surface:  #181825;
  --bg-elevated: #313244;
  --bg-overlay:  #45475a;

  /* Accent */
  --accent:        #ff6b35;
  --accent-hover:  #e55a24;
  --accent-subtle: rgba(255, 107, 53, 0.15);

  /* Text */
  --text-primary:   #cdd6f4;
  --text-secondary: #a6adc8;
  --text-muted:     #6c7086;

  /* Borders */
  --border:       #313244;
  --border-focus: #ff6b35;

  /* Status */
  --color-success: #a6e3a1;
  --color-danger:  #f38ba8;
  --color-warning: #fab387;
  --color-info:    #89b4fa;

  /* HTTP method colors */
  --method-get:    #a6e3a1;
  --method-post:   #fab387;
  --method-put:    #89b4fa;
  --method-patch:  #cba6f7;
  --method-delete: #f38ba8;

  /* Spacing */
  --sp-1: 4px;   --sp-2: 8px;   --sp-3: 12px;  --sp-4: 16px;
  --sp-5: 20px;  --sp-6: 24px;  --sp-8: 32px;  --sp-10: 40px;

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

  /* Shadows */
  --shadow-sm:   0 1px 3px rgba(0,0,0,0.4);
  --shadow-md:   0 4px 16px rgba(0,0,0,0.5);
  --shadow-lg:   0 8px 32px rgba(0,0,0,0.6);

  /* Sidebar width */
  --sidebar-width: 260px;
  --header-height: 48px;
}